From 56852c971f17b3908d6e010185757853b7b192ad Mon Sep 17 00:00:00 2001 From: ysds Date: Thu, 1 Feb 2018 00:42:28 +0900 Subject: [PATCH 1/2] Prevent focus into closed offcanvas --- docs/4.0/examples/offcanvas/offcanvas.css | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/docs/4.0/examples/offcanvas/offcanvas.css b/docs/4.0/examples/offcanvas/offcanvas.css index bc1650f49598..aeb267876e26 100644 --- a/docs/4.0/examples/offcanvas/offcanvas.css +++ b/docs/4.0/examples/offcanvas/offcanvas.css @@ -16,14 +16,15 @@ 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; - -webkit-transform: translateX(100%); + 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 */ } From 1c4300de608356c1ecfbdf2387752a78b43ef24c Mon Sep 17 00:00:00 2001 From: ysds Date: Thu, 1 Feb 2018 01:34:13 +0900 Subject: [PATCH 2/2] linting --- docs/4.0/examples/offcanvas/offcanvas.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/docs/4.0/examples/offcanvas/offcanvas.css b/docs/4.0/examples/offcanvas/offcanvas.css index aeb267876e26..a08c1eb91f90 100644 --- a/docs/4.0/examples/offcanvas/offcanvas.css +++ b/docs/4.0/examples/offcanvas/offcanvas.css @@ -20,7 +20,8 @@ body { background-color: var(--gray-dark); 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%); + 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 {