Examples: Prevent focus into closed offcanvas (#25524)

* Prevent focus into closed offcanvas

diff --git a/docs/4.0/examples/offcanvas/offcanvas.css b/docs/4.0/examples/offcanvas/offcanvas.css
index bc1650f495981c02e319f0c5e09bad28e48facfe..a08c1eb91f90d8c556b5dc593e7e9285b26935b6 100644 (file)
--- a/docs/4.0/examples/offcanvas/offcanvas.css
+++ b/docs/4.0/examples/offcanvas/offcanvas.css
@@ -16,14 +16,16 @@ body {
     padding-right: 1rem;
     padding-left: 1rem;
     overflow-y: auto;
+    visibility: hidden;
     background-color: var(--gray-dark);
-    transition: -webkit-transform .3s ease-in-out;
-    transition: transform .3s ease-in-out;
-    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
+    transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
+    transition: visibility .3s ease-in-out, transform .3s ease-in-out;
+    transition: visibility .3s ease-in-out, transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
     -webkit-transform: translateX(100%);
     transform: translateX(100%);
   }
   .offcanvas-collapse.open {
+    visibility: visible;
     -webkit-transform: translateX(-1rem);
     transform: translateX(-1rem); /* Account for horizontal padding on navbar */
   }