Disable backgroundTransition during autoAnimate

Fixes hakimel#3346
devkev · Jan 5, 2023 · 837ea29 · 837ea29
1 parent 4fe3946
commit 837ea29
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/css/reveal.scss b/css/reveal.scss
@@ -1093,11 +1093,13 @@ $controlsArrowAngleActive: 36deg;
 
 .reveal .no-transition,
 .reveal .no-transition *,
-.reveal .slides.disable-slide-transitions section {
+.reveal .slides.disable-slide-transitions section,
+.reveal .backgrounds.disable-slide-transitions .slide-background {
 	transition: none !important;
 }
 
-.reveal .slides.disable-slide-transitions section {
+.reveal .slides.disable-slide-transitions section,
+.reveal .backgrounds.disable-slide-transitions .slide-background {
 	transform: none !important;
 }
 

diff --git a/js/reveal.js b/js/reveal.js
@@ -1311,6 +1311,7 @@ export default function( revealElement, options ) {
 
 				autoAnimateTransition = true;
 				dom.slides.classList.add( 'disable-slide-transitions' );
+				backgrounds.element.classList.add( 'disable-slide-transitions' );
 			}
 
 			transition = 'running';
@@ -1416,6 +1417,7 @@ export default function( revealElement, options ) {
 
 			setTimeout( () => {
 				dom.slides.classList.remove( 'disable-slide-transitions' );
+				backgrounds.element.classList.remove( 'disable-slide-transitions' );
 			}, 0 );
 
 			if( config.autoAnimate ) {