From 0a23a8405df40392572f4f6c6cc3d28a425241cb Mon Sep 17 00:00:00 2001 From: Andrea Fercia Date: Thu, 22 Sep 2016 14:58:41 +0000 Subject: [PATCH] Accessibility: Fix the Customizer available menu items toggles focus for Safari and VoiceOver. In rare circumstances, for example buttons with icons and no visible text, `user-select: none;` may trigger a bug that happens only when using Safari and VoiceOver and doesn't allow focusable elements to receive focus correctly. Worth reminding `user-select: none;` is a non-standard property and should be used with care especially now that `::selection` is almost universally supported. Fixes #37589. git-svn-id: https://develop.svn.wordpress.org/trunk@38642 602fd350-edb4-49c9-b593-d223f7449a82 --- src/wp-admin/css/customize-nav-menus.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/src/wp-admin/css/customize-nav-menus.css b/src/wp-admin/css/customize-nav-menus.css index e2d5b467e6..d557cc3733 100644 --- a/src/wp-admin/css/customize-nav-menus.css +++ b/src/wp-admin/css/customize-nav-menus.css @@ -482,6 +482,11 @@ background: #fff; -webkit-transition: background-color 0.15s; transition: background-color 0.15s; + /* Reset the value inherited from the base .accordion-section-title style. Ticket #37589. */ + -webkit-user-select: auto; + -moz-user-select: auto; + -ms-user-select: auto; + user-select: auto; } #available-menu-items .open .accordion-section-title,