You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{{ message }}
This repository was archived by the owner on Apr 18, 2026. It is now read-only.
Repository navigation
This repository was archived by the owner on Apr 18, 2026. It is now read-only.
Align select item event with native <select> #1586
Make sure I'm reporting something precise that needs to be fixed
Give my issue a descriptive and concise title
Create a minimal working example on JsFiddle or Codepen (or gave a link to a demo on the Selectize docs)
Indicate precise steps to reproduce in numbers and the result like below
Selectize does not respect the default behaviour of a <select> element when selecting an item. It uses a mousedown event rather than click. This deviation from the default causes issues with libraries which respect the default, for example Sweetalert2. See below issue for further context.
If I remember correctly, reorganizing the 'mousedown' event listeners helped fix this. selectize adds multiple 'mousedown' event listeners that, when combined into a single listener, makes it easier to control event bubbling in situations like this.
Thanks, I'm not opposed. Reached out a while ago but felt like the best way for me to accomplish what I wanted was to work on my fork. Probably not the right place to talk about this, but let know if there's anything about the current state of Tom Select that wouldn't work or still needs work for a new major version.
Activity
oyejorge commentedon Jan 27, 2021
If I remember correctly, reorganizing the 'mousedown' event listeners helped fix this. selectize adds multiple 'mousedown' event listeners that, when combined into a single listener, makes it easier to control event bubbling in situations like this.
These two 'mousedown' listeners:
https://github.com/selectize/selectize.js/blob/master/src/selectize.js#L192
https://github.com/selectize/selectize.js/blob/master/src/selectize.js#L224
Can be combined into a single listener. Here's what it looks like in Tom Select:
https://github.com/orchidjs/tom-select/blob/master/src/tom-select.ts#L325
jsfiddle example using Tom Select
Hope this helps
bytestream commentedon Jan 27, 2021
Hey @oyejorge ! Nice work with Tom Select 😍
Maybe it's worth joining the collaborator team and merging your project in here with the intention of releasing a new major version?
oyejorge commentedon Jan 27, 2021
Thanks, I'm not opposed. Reached out a while ago but felt like the best way for me to accomplish what I wanted was to work on my fork. Probably not the right place to talk about this, but let know if there's anything about the current state of Tom Select that wouldn't work or still needs work for a new major version.
bytestream commentedon Jan 28, 2021
@oyejorge come chat https://keybase.io/team/selectize :)
github-actions commentedon Apr 29, 2021
This issue is stale because it has been open 90 days with no activity. Remove stale label or comment or this will be closed in 5 days