From: Mark Otto <markd.otto@gmail.com>
Date: Tue, 23 Mar 2021 17:06:11 +0000 (-0700)
Subject: Make offcanvas example fully static (#33446)
X-Git-Tag: v5.0.0~125
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=232e392c9126fcb1dbe13c963e7edcdbd62cfeb8;p=thirdparty%2Fbootstrap.git

Make offcanvas example fully static (#33446)
---

diff --git a/site/assets/scss/_component-examples.scss b/site/assets/scss/_component-examples.scss
index 534f2307d1..005515922d 100644
--- a/site/assets/scss/_component-examples.scss
+++ b/site/assets/scss/_component-examples.scss
@@ -206,7 +206,10 @@
 
   .offcanvas {
     position: static;
+    display: block;
     height: 200px;
+    visibility: visible;
+    transform: translate(0);
   }
 }
 
diff --git a/site/content/docs/5.0/components/offcanvas.md b/site/content/docs/5.0/components/offcanvas.md
index 0e4aa1aa03..a2b5ed3fa5 100644
--- a/site/content/docs/5.0/components/offcanvas.md
+++ b/site/content/docs/5.0/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 show" tabindex="-1" id="offcanvas" aria-labelledby="offcanvasLabel" data-bs-backdrop="false" data-bs-scroll="true">
+<div class="offcanvas offcanvas-start" 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 text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>