Help offcanvas follow Css responsiveness

GeoSot · mdo · commit 9f7fb2aab5c2 · 2022-02-24T16:41:01.000-08:00
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

Original file line number	Diff line number	Diff line change
`@@ -185,6 +185,14 @@ class Offcanvas extends BaseComponent {`
`185`	`185`	`this.hide()`
`186`	`186`	`}`
`187`	`187`	`})`
	`188`	`+`
	`189`	`+ EventHandler.on(window, 'resize', () => {`
	`190`	`+ // Add this check to help js be aligned with css changes on responsive offcanvas`
	`191`	`+ if (this._isShown && getComputedStyle(this._element).position !== 'fixed') {`
	`192`	`+ // this._backdrop.hide()`
	`193`	`+ this.hide()`
	`194`	`+ }`
	`195`	`+ })`
`188`	`196`	`}`
`189`	`197`
`190`	`198`	`// Static`