From: ysds <fellows3@gmail.com>
Date: Wed, 31 Jan 2018 16:43:27 +0000 (+0900)
Subject: Examples: Prevent focus into closed offcanvas (#25524)
X-Git-Tag: v4.1.0~127
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=e216c8833c089d1dcf3cc71d5956e318e5487ef7;p=thirdparty%2Fbootstrap.git

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 bc1650f495..a08c1eb91f 100644
--- 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 */
   }