paper-input icon indicating copy to clipboard operation
paper-input copied to clipboard

Weird interaction between iron-control-state and paper-input-behavior

Open akc42 opened this issue 7 years ago • 6 comments

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

  1. Select the second input field (autofocus not working in jsbin?) and then tab twice to the last field
  2. shift-tab back to the first field - note that other fields are disabled.
  3. tab forward and note it does not enter field2 4 tab forward twice to the last field
  4. shift-tab back towards field 1 note field 2 is skipped 6 note all fields disabled
  5. tab forward - we skip field 2 and go to field 3 this time. tab again to end
  6. 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

akc42 avatar Sep 10 '16 14:09 akc42