tom-select
tom-select copied to clipboard
[Bug]: Checkbox Options plugin doesn't tab correctly
trafficstars
Bug description
I created a TomSelect with the following options from the Checkbox Options plugin. Tabbing from this TomSelect appears to move focus to the end of the page and not to the next element in the tab order.
At the end of the GIF animation, the tab to the green button is a Shift + Tab backwards, after the focus appeared to move to the end of the page.
new TomSelect('#ex-checkbox-options',{
plugins: {
'checkbox_options': {
'checkedClassNames': ['ts-checked'],
'uncheckedClassNames': ['ts-unchecked'],
}
},
});
Expected behavior
Tabbing from the TomSelect w/ Checkbox Options plugin moves focus to the next element in the tab order. Using the GIF for context, focus should move to the Optgroup Columns TomSelect example.
Steps to reproduce
https://codepen.io/dc125/pen/GRLdgdo
Additional context
- OS: MacOS Sonoma 14.2.1
- Browser: Firefox 124.0.2, Safari 17.2.1
- Version: Tom Select 2.3.1 (latest at time of ticket)
- Device: MacBook Pro 13-inch 2018