Help offcanvas follow Css responsiveness

twbs · Feb 25, 2022 · 9f7fb2a · 9f7fb2a
1 parent b96cf5a
commit 9f7fb2a
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/js/src/offcanvas.js b/js/src/offcanvas.js
@@ -185,6 +185,14 @@ class Offcanvas extends BaseComponent {
         this.hide()
       }
     })
+
+    EventHandler.on(window, 'resize', () => {
+      // Add this check to help js be aligned with css changes on responsive offcanvas
+      if (this._isShown && getComputedStyle(this._element).position !== 'fixed') {
+        // this._backdrop.hide()
+        this.hide()
+      }
+    })
   }
 
   // Static