From e59c9d356714447dc5ceb770f456138ee10471fc Mon Sep 17 00:00:00 2001 From: Andrea Fercia Date: Thu, 11 May 2017 22:28:40 +0000 Subject: [PATCH] Media: Remove the custom styling for the MediaElementJS controls offscreen text. This offscreen text is not meant to be revealed on focus and just acts as fallback for assistive technologies that don't support `aria-label` and `role="slider"`. Also, revealing it on focus has proven over time to be very fragile and to cause unexpected layout issues. See #30281. Fixes #40707. git-svn-id: https://develop.svn.wordpress.org/trunk@40642 602fd350-edb4-49c9-b593-d223f7449a82 --- .../js/mediaelement/wp-mediaelement.css | 25 ------------------- 1 file changed, 25 deletions(-) diff --git a/src/wp-includes/js/mediaelement/wp-mediaelement.css b/src/wp-includes/js/mediaelement/wp-mediaelement.css index def9ec64cc..9605bb42af 100644 --- a/src/wp-includes/js/mediaelement/wp-mediaelement.css +++ b/src/wp-includes/js/mediaelement/wp-mediaelement.css @@ -37,31 +37,6 @@ border-radius: 0; } -.mejs-controls .mejs-offscreen { - clip: rect(1px, 1px, 1px, 1px); - position: absolute; -} - -.mejs-controls a:focus > .mejs-offscreen { - background-color: #f1f1f1; - border-radius: 3px; - box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); - clip: auto; - color: #0073aa; - display: block; - font-size: 14px; - font-weight: bold; - height: auto; - line-height: normal; - padding: 15px 23px 14px; - position: absolute; - left: 0; - top: 15px; - text-decoration: none; - text-transform: none; - width: auto; -} - .mejs-overlay-loading { background: transparent; }