data-transition on vertical sections #1947
Comments
|
Does not work for me either. |
|
Can you confirm it is working on unnested versions? Any date-transition beside none, slide, and fade are currently not working for me. |
|
In issue #2237 I documented that my horizontal slide/sections don't work, as well, because pandoc wraps all top level sections -- except the title-slide -- in a superfluous <section> element. So that unnecessary behavior triggers #1947 for all my slides. The issue here, then, is why does |
Previously revealjs title slides at level (slidelevel - 1) were nested under an extra section element, even when the section contained no additional (vertical) content. That caused problems for some transition effects. See hakimel/reveal.js#1947.
|
I have the same problem. Is this fixed by now somewhere? |
|
I ran some tests and–as @reagle already mentioned– The concave and convex transition styles were being applied to the slide but there was an issue that prevented 3D transforms from working on vertical slides, so they ended up looking like the 2D slide transition. I've fixed that in b6ce0a9. The zoom transition setting applies a scaling transform to horizontal slides, but has always used a flat slide transition between vertical slides. Not sure how to best address that when the setting is used directly on a specific vertical slide yet but will think about it. |
|
Thank you, I pulled dev and can confirm concave and convex work on google-chrome 70.0.3538.77. 👍Looking forward to whatever you come up with for zoom! |
|
The workaround which solves this for me is to put the same transition on each of the child sections, e.g.: If I put it on the parent section or only one of the child sections it doesn't do anything. |
|
Curious if this has been fixed ? It seems that it is working now : <!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8">
<title>reveal.js - Slide Transitions</title>
<link rel="stylesheet" href="https://unpkg.com/reveal.js@^4//dist/reveal.css">
<link rel="stylesheet" href="https://unpkg.com/reveal.js@^4//dist/theme/black.css" id="theme">
</head>
<body>
<div class="reveal">
<div class="slides">
<section>Horizontal Slide</section>
<section>
<section>Main slide</section>
<section data-transition="zoom">data-transition: zoom</section>
</section>
</div>
</div>
<script src="https://unpkg.com/reveal.js@^4//dist/reveal.js"></script>
<script>
Reveal.initialize({
center: true,
history: true,
});
</script>
</body>
</html>Or am I missing something ? |
Using
data-transitionon a nested section seems to have no affect; it always does a slide/fade up. Is this by design? Am I doing something wrong?The text was updated successfully, but these errors were encountered: