Carousel - do not call next when the carousel or the parent isn't visible

diff --git a/js/src/carousel.js b/js/src/carousel.js
index a5d5f143a497edfc5bf64e023820e93a9715641a..27a8f7d3b82d4a072a911fdd7559015813452c9e 100644 (file)
--- a/js/src/carousel.js
+++ b/js/src/carousel.js
@@ -131,7 +131,9 @@ const Carousel = (($) => {
 
     nextWhenVisible() {
       // Don't call next when the page isn't visible
-      if (!document.hidden) {
+      // or the carousel or it's parent isn't visible
+      if (!document.hidden &&
+        ($(this._element).is(':visible') && $(this._element).css('visibility') !== 'hidden')) {
         this.next()
       }
     }