48 lines
997 B
JavaScript
48 lines
997 B
JavaScript
/**
|
|
* wp.media.view.FocusManager
|
|
*
|
|
* @class
|
|
* @augments wp.media.View
|
|
* @augments wp.Backbone.View
|
|
* @augments Backbone.View
|
|
*/
|
|
var View = require( './view.js' ),
|
|
FocusManager;
|
|
|
|
FocusManager = View.extend({
|
|
|
|
events: {
|
|
'keydown': 'constrainTabbing'
|
|
},
|
|
|
|
focus: function() { // Reset focus on first left menu item
|
|
this.$('.media-menu-item').first().focus();
|
|
},
|
|
/**
|
|
* @param {Object} event
|
|
*/
|
|
constrainTabbing: function( event ) {
|
|
var tabbables;
|
|
|
|
// Look for the tab key.
|
|
if ( 9 !== event.keyCode ) {
|
|
return;
|
|
}
|
|
|
|
// Skip the file input added by Plupload.
|
|
tabbables = this.$( ':tabbable' ).not( '.moxie-shim input[type="file"]' );
|
|
|
|
// Keep tab focus within media modal while it's open
|
|
if ( tabbables.last()[0] === event.target && ! event.shiftKey ) {
|
|
tabbables.first().focus();
|
|
return false;
|
|
} else if ( tabbables.first()[0] === event.target && event.shiftKey ) {
|
|
tabbables.last().focus();
|
|
return false;
|
|
}
|
|
}
|
|
|
|
});
|
|
|
|
module.exports = FocusManager;
|