Merge pull request #9 from dlemm/fix/Firefox-error

Author: bezoerb

templates/theme-default/assets/js/components/slider.js

@@ -183,10 +183,12 @@ function init(el) {
 
   function getNextSlide(direction = 1) {
     let next =
-      direction > 0 ? activeSlide.nextElementSibling || activeSlide : activeSlide.previousElementSibling || activeSlide;
+      direction > 0
+        ? activeSlide?.nextElementSibling || activeSlide
+        : activeSlide?.previousElementSibling || activeSlide;
 
     for (let i = 1; i < slidesPerGroup; i++) {
-      next = direction > 0 ? next.nextElementSibling || next : next.previousElementSibling || next;
+      next = direction > 0 ? next?.nextElementSibling || next : next?.previousElementSibling || next;
     }
 
     return next;

templates/theme-default/assets/js/main.js

@@ -22,16 +22,24 @@ if (supportsContainerQueries) {
 const cvObserver = new IntersectionObserver((entries, observer) => {
   entries.forEach((entry) => {
     if (entry.isIntersecting) {
-      entry.target.attributeStyleMap.set('content-visibility', 'visible');
+      entry.target.style.contentVisibility = 'visible';
       observer.unobserve(entry.target);
     }
   });
 });
 
 const initialize = () => {
   Array.from(document.querySelectorAll('main img')).forEach((el) => cvObserver.observe(el));
-  initVideo();
-  initSlider();
+  try {
+    initVideo();
+  } catch (e) {
+    console.log(e);
+  }
+  try {
+    initSlider();
+  } catch (e) {
+    console.log(e);
+  }
 };
 
 // We need to retrigger initialize in storybook so we don't have to reload the page