fix: add defensive checks

express-labs · Jul 18, 2023 · 30db8d8 · 30db8d8
1 parent fe89c1d
commit 30db8d8
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/src/Slider/Slider.jsx b/src/Slider/Slider.jsx
@@ -201,9 +201,14 @@ const Slider = class Slider extends React.Component {
 
   getSliderRef(el) {
     this.sliderTrayElement = el;
-    // NOTE: we can't rely on the element itself to detect direction
-    // as the direction of the slider is currently flipped to ltr
-    this.rtl = window.getComputedStyle(el.closest('.carousel'), null).getPropertyValue('direction') === 'rtl';
+    if (el && window) {
+      // NOTE: we can't rely on the element itself to detect direction
+      // as the direction of the slider is currently flipped to ltr
+      const carouselElement = el.closest('.carousel');
+      if (carouselElement) {
+        this.rtl = window.getComputedStyle(carouselElement, null).getPropertyValue('direction') === 'rtl';
+      }
+    }
   }