TinyMCE, inline link: Fix VoiceOver in Safari for search suggestions.

Props afercia.
Fixes #36458.
Built from https://develop.svn.wordpress.org/trunk@37228


git-svn-id: http://core.svn.wordpress.org/trunk@37194 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Pascal Birchler 2016-04-17 11:09:28 +00:00
parent 026ed07458
commit 5cbdf22c0f
4 changed files with 19 additions and 3 deletions

View File

@ -440,10 +440,26 @@
$input.autocomplete( 'search' ); $input.autocomplete( 'search' );
} }
} ) } )
// Returns a jQuery object containing the menu element.
.autocomplete( 'widget' ) .autocomplete( 'widget' )
.addClass( 'wplink-autocomplete' ) .addClass( 'wplink-autocomplete' )
.attr( 'role', 'listbox' ) .attr( 'role', 'listbox' )
.removeAttr( 'tabindex' ); // Remove the `tabindex=0` attribute added by jQuery UI. .removeAttr( 'tabindex' ) // Remove the `tabindex=0` attribute added by jQuery UI.
/*
* Looks like Safari and VoiceOver need an `aria-selected` attribute. See ticket #33301.
* The `menufocus` and `menublur` events are the same events used to add and remove
* the `ui-state-focus` CSS class on the menu items. See jQuery UI Menu Widget.
*/
.on( 'menufocus', function( event, ui ) {
ui.item.attr( 'aria-selected', 'true' );
})
.on( 'menublur', function() {
/*
* The `menublur` event returns an object where the item is `null`
* so we need to find the active item with other means.
*/
$( this ).find( '[aria-selected="true"]' ).removeAttr( 'aria-selected' );
});
} }
tinymce.$( input ).on( 'keydown', function( event ) { tinymce.$( input ).on( 'keydown', function( event ) {

File diff suppressed because one or more lines are too long

View File

@ -4,7 +4,7 @@
* *
* @global string $wp_version * @global string $wp_version
*/ */
$wp_version = '4.6-alpha-37227'; $wp_version = '4.6-alpha-37228';
/** /**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema. * Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.