tom-select icon indicating copy to clipboard operation
tom-select copied to clipboard

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

Open davidchan125 opened this issue 1 year ago • 0 comments
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'],
		}
	},
});

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

  • 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

davidchan125 avatar Apr 09 '24 09:04 davidchan125