paper-input
paper-input copied to clipboard
Weird interaction between iron-control-state and paper-input-behavior
Description
When tabbing forward and backwards into adjacent paper-input fields, and one of the field disables and then un-disables some elements, they actually remain disabled. This is because tabindex="-1" remains on the element
Expected outcome
I should be able to freely tab forwards and backwards into the elements - when elements are disabled you should not be able to tab in an out of them, but when the become enabled again you should
Actual outcome
Slowly the elements that are disabled and then re-enabled stop participating in the tabbing. Their tabindex value has been left at -1.
Live Demo
http://jsbin.com/vojino/edit?html,output
Steps to reproduce
- Select the second input field (autofocus not working in jsbin?) and then tab twice to the last field
- shift-tab back to the first field - note that other fields are disabled.
- tab forward and note it does not enter field2 4 tab forward twice to the last field
- shift-tab back towards field 1 note field 2 is skipped 6 note all fields disabled
- tab forward - we skip field 2 and go to field 3 this time. tab again to end
- shift-tab back towards field 1 - this time both field 2 and field 3 are skipped 9 repeat tabbing forward then back and note this time field 4 gets skipped.
Browsers Affected
- [ X] Chrome
I think there is something wrong with my jsbin - other browsers don't work at all.
- [ ] Firefox
- [ ] Safari 9
- [ ] Safari 8
- [ ] Safari 7
- [ ] Edge
- [ ] IE 11
- [ ] IE 10