Help offcanvas follow Css responsiveness

1 files changed, 8 insertions, 0 deletions

diff --git a/js/src/offcanvas.js b/js/src/offcanvas.js
index 2735a9c2ae..71af990902 100644
--- 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