From e216c8833c089d1dcf3cc71d5956e318e5487ef7 Mon Sep 17 00:00:00 2001 From: ysds Date: Thu, 1 Feb 2018 01:43:27 +0900 Subject: [PATCH] Examples: Prevent focus into closed offcanvas (#25524) * Prevent focus into closed offcanvas --- docs/4.0/examples/offcanvas/offcanvas.css | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) 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 */ }