Skip to content

backgroundTransition should also be inhibited during auto-animate #3346

Open
@devkev

Description

@devkev

Slide transitions are disabled during auto-animate, which makes sense because the content is being auto-animated, not transitioned. However, any backgroundTransition is still applied between auto-animate slides, which is very noticeably wrong when using eg. slide.

Reproducer (live demo of problem, live demo of desired behaviour):

<style>
	.slide-background-content {
		background: url('https://placekitten.com/450/300');
		background-size: cover;
	}
</style>

...

<section>
	First Slide
</section>
<section data-auto-animate>
	<h1>Implicit</h1>
</section>
<section data-auto-animate>
	<h1>Implicit</h1>
	<h1>Animation</h1>
</section>
<section>
	Last Slide
</section>

...

<script>
	Reveal.initialize({
		transition: 'slide',
		backgroundTransition: 'slide',
	});
</script>

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions