Fomantic-ui: [Dropdown] disabled + tab key

Created on 25 Jul 2020  Â·  2Comments  Â·  Source: fomantic/Fomantic-UI

Bug Report

When a dropdown with search selection is disabled, the search input is available with tab key

Testcase

https://jsfiddle.net/dutrieux/pzh25rg1/

Screenshot (if possible)

bug_dowpdown

Version


2.8.6

lanjavascript typbug

All 2 comments

Fixed by #1606
See your adjusted jsfiddle here https://jsfiddle.net/lubber/gcweburm/

The same happened to disabled calendar fields, which the above mentioned PR also fixes 🙂

I would have thought you would have used the readonly attribute rather than disabled.

Using readonly will not prevent to enter the input field while pressing tab. In case of an empty dropdown field, this would autoselect the first entry when pressing tab again (and, even worse, in case of calendar, would still open the calendar popup)

disabledtabinput_reaonlycheck

However, i fixed it by using tabindex instead of disabled now. Same effect, but the value will be submitted as the input field itself is not disabled anymore

See your example using the tabindex approach here now: https://jsfiddle.net/lubber/gcweburm/1/

Was this page helpful?
0 / 5 - 0 ratings