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
This commit is contained in:
Andrea Fercia 2016-09-22 14:58:41 +00:00
parent c259123537
commit 0a23a8405d

View File

@ -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,