search

orchidjs / tom-select

Tom Select is a lightweight (~16kb gzipped) hybrid of a textbox and select box. Forked from selectize.js to provide a framework agnostic autocomplete widget with native-feeling keyboard navigation. Useful for tagging, contact lists, etc.
https://tom-select.js.org
Apache License 2.0
1.66k stars 124 forks source link

[Bug]: Checkbox Options plugin doesn't tab correctly #710

Closed davidchan125 closed 2 months ago

davidchan125 commented 7 months ago

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'],
        }
    },
});

TomSelect Checkbox Options plugin bug 090424

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

github-actions[bot] commented 3 months ago

This issue has not been active in 120 days and has been marked "stale". Remove stale label or comment or this will be closed in 15 days