[wp-trac] [WordPress Trac] #45141: Keyboard use bug in audio media player shortcode.

[WordPress Trac]

#45141: Keyboard use bug in audio media player shortcode.
--------------------------+----------------------------------------
 Reporter:  mikeybinns    |       Owner:  (none)
     Type:  defect (bug)  |      Status:  new
 Priority:  normal        |   Milestone:  Future Release
Component:  Media         |     Version:  4.9.8
 Severity:  normal        |  Resolution:
 Keywords:  needs-patch   |     Focuses:  accessibility, javascript
--------------------------+----------------------------------------
Changes (by afercia):

 * keywords:  needs-patch needs-testing => needs-patch
 * milestone:  Awaiting Review => Future Release


Comment:

 @mikeybinns thanks and welcome to Trac! I can reproduce the errors on
 macOS too. I was able to reproduce the `matches` error also on the
 MediaElement.js current demo on http://www.mediaelementjs.com/ while the
 `focus` one seem to be fixed there.

 MediaElement.js is an external library used by WordPress as media player.
 The version currently used in core is 4.2.6. We should make sure to report
 the issue upstream /Cc @rafa8626  :)

 More details:
 There are 2 focusable audio controls: the volume icon and the volume bar.

 [[Image(http://cldup.com/BofaBrWbeo.png)]]

 Volume icon:
 - Up and Down arrow keys work
 - Left and Right arrow keys: `Uncaught TypeError: Cannot read property
 'focus' of null`

 Volume bar:
 - Up arrow key: `Uncaught TypeError: Cannot read property 'matches' of
 null`, also: the page scrolls
 - Down arrow key: works
 - Left and Right arrow keys: `Uncaught TypeError: Cannot read property
 'focus' of null`

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/45141#comment:2>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform