Replies: 2 comments 4 replies
-
|
There is another strange problem relating to ---
format: revealjs
---
##
abc abc
abc abc
abc abc
abc abc
::: {.r-stretch .fragment .fade-up}
:::
##
abc abc
abc abc
abc abc
abc abc
{.r-stretch .fragment .fade-up}
Theoretically, the two slides should be equivalent, but it turns out that the image is not automatically stretched to fit the rest of the space in the first slide, but it did work in the second. First slide:
Second slide: |
Beta Was this translation helpful? Give feedback.
-
In the first case the Stretch is a Revealjs Feature. So not exactly the same. The sizing computation is done by Revealjs JS code directly, and I don't know how stretching works with Fragment. Maybe there is limitation. |
Beta Was this translation helpful? Give feedback.
-
|
As a clarification for context about the This is a way to autosize some HTML elements based other content before. Revealjs will run some JS code to compute size dynamically for the element. In your example, |
Beta Was this translation helpful? Give feedback.
-
|
Thank you very much for responding quickly, but I still have a few questions. According to the limitations section in the Revealjs documentation you sent, it seems like the only limitation is the following two:
Is the reason the first slide is not working because the image enclosed by the If the Just to make sure, I created another example where the image element should take up the entire ---
format: revealjs
---
##
abc abc
abc abc
abc abc
abc abc
::: {.r-stretch .fragment .fade-up}
{style="width: 100%; height: auto;"}
:::It seems like the whole thing is meaningless when you can properly stretch the image if I do it in the way presented by the second slide. But the main problem here is that this is not possible if I want to properly present more complicated images, like the slide presented in the original post: ---
format: revealjs
---
abc abc abc
abc abc
abc abc
abc abc
::: {.r-stretch layout="[[-30, 20, 20, -30], [-25, 50, -25]]"}
::: |
Beta Was this translation helpful? Give feedback.
-
|
I am not sure what is the expected results you are seeking as you are mixing several features together
As I said, I am not sure if stretching and fragmented revealjs feature are correctly designed to work well together (I am thinking about te auto size computation that needs to know about the fragmented element that will be revealed later) For example Quarto is not applying auto-stretch inside fragment div for example. So I would expect applying it to the div does not help either. (more on auto-stretch scope limitation at #896 for reference) Initially, I believe Revealjs has support of the feature to size up to remaining space the content of an image.
When using this feature for more complex sizing, I am not sure it is the right fit. And looking at our code, I don't think setting Our doc mentions auto stretching feature and applying on image individually when auto-stretch is false |
Beta Was this translation helpful? Give feedback.
-
|
I guess I misunderstood the correct usage of From your responses, it seems like the If there is no easy way, then I guess this Q&A discussion page could be turned into a feature request of a more universal |
Beta Was this translation helpful? Give feedback.
Uh oh!
There was an error while loading. Please reload this page.
-
Description
Sometimes, it will be helpful to use
.r-stretchto fit more complicated elements than images. For example:But it seems like
.r-stretchis not working in this case, as the images overflowed:I'm not sure if this is a bug or if this is because I'm not using Quarto properly. Please provide some suggestions.
Beta Was this translation helpful? Give feedback.
All reactions