Examples: Prevent focus into closed offcanvas (#25524)

* Prevent focus into closed offcanvas
twbs · Jan 31, 2018 · e216c88 · e216c88
1 parent 399ae31
commit e216c88
Showing 1 changed file with 5 additions and 3 deletions.
diff --git 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 */
   }