Merge branch 'main' into gs/patches-on-event-handler

twbs · Apr 22, 2022 · e84341d · e84341d
2 parents 40098ed + 9a614a7
commit e84341d
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/site/assets/js/application.js b/site/assets/js/application.js
@@ -131,4 +131,12 @@
       modalBodyInput.value = recipient
     })
   }
+
+  // Offcanvas demo
+  const myOffcanvas = document.querySelector('.bd-example-offcanvas #offcanvas')
+  if (myOffcanvas) {
+    myOffcanvas.addEventListener('show.bs.offcanvas', event => {
+      event.preventDefault()
+    }, false)
+  }
 })()
diff --git a/site/content/docs/5.1/components/offcanvas.md b/site/content/docs/5.1/components/offcanvas.md
@@ -28,7 +28,7 @@ Offcanvas is a sidebar component that can be toggled via JavaScript to appear fr
 Below is an offcanvas example that is shown by default (via `.show` on `.offcanvas`). Offcanvas includes support for a header with a close button and an optional body class for some initial `padding`. We suggest that you include offcanvas headers with dismiss actions whenever possible, or provide an explicit dismiss action.
 
 {{< example class="bd-example-offcanvas p-0 bg-light overflow-hidden" >}}
-<div class="offcanvas offcanvas-start" tabindex="-1" id="offcanvas" aria-labelledby="offcanvasLabel">
+<div class="offcanvas offcanvas-start show" tabindex="-1" id="offcanvas" aria-labelledby="offcanvasLabel">
   <div class="offcanvas-header">
     <h5 class="offcanvas-title" id="offcanvasLabel">Offcanvas</h5>
     <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>