Skip to content
This repository has been archived by the owner on Oct 8, 2021. It is now read-only.

Flipswitch: Transfer tabindex to "on" button and make input unfocusable #6962

Closed
wants to merge 6 commits into from

Conversation

gabrielschulhof
Copy link

The "on" button must be an anchor for it to be focusable just like an input even
when it does not have an explicitly set tabindex. Although the input becomes
unfocusable, a focus handler that transfers focus to the "on" button is
nevertheless attached to it in case third-party code focuses the input manually.

Fixes gh-6955

Gabriel Schulhof added 2 commits January 17, 2014 11:15
The "on" button must be an anchor for it to be focusable just like an input even
when it does not have an explicitly set tabindex. Although the input becomes
unfocusable, a focus handler that transfers focus to the "on" button is
nevertheless attached to it in case third-party code focuses the input manually.

Fixes gh-6955
// Transfer tabindex to "on" element and make input unfocusable
$.extend( this, {
_originalTabIndex: this.element.attr( "tabindex" )
});
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

So after a talk i had with scott a little while back we dont need to use extend in create in widgets. Its safe to just do this.propToSet = "value"; because this is not a dom node.

@ghost ghost assigned arschmitz Jan 30, 2014
*/
(function($){

var testFocusTransfer = function( el ) {
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

full variable names

@ghost ghost assigned gseguin Jan 31, 2014
@ghost ghost assigned arschmitz Feb 1, 2014
});
test( "select based flipswitch is untabbable", function() {
deepEqual( parseInt( $( "#flip-select" ).attr( "tabindex" ) ), -1, "tabindex is set to -1" );
});
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

line lengths

@arschmitz
Copy link
Contributor

👍 after fix

@gabrielschulhof gabrielschulhof deleted the 6955-flipswitch-tabbing branch February 6, 2014 19:51
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Flipswitch widget and tab key
3 participants