[Bug]: alignment issue when selecting and deselecting items

[lovasoa]

Bug description

When selecting an item with ctrl+click, the 1px grey border around it disappears, which makes the entire list of options jump by 2px

Expected behavior

selecting an option shouldn't change the position of other options

Steps to reproduce

1. In a multiselect, select two options
2. click on the first one to make it become blue
3. expected result: the other option doesn't move
4. actual result: the other option moves by 2px because the border around the first one disappeared

Additional context

• OS: all
• Browser all
• Version latest (2.3.1)
• Device: all

found while trying to integrate TomSelect with SQLPage

[github-actions]

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

[lovasoa]

still a problem

[nwalters512]

@lovasoa I think the border here might be coming from either your own CSS or another project. Your screenshot shows var(--tblr-...) for some CSS property values, which isn't coming from this library. I also can't see the border on https://tom-select.js.org/examples/, nor can I reproduce any layout shifting when following your instructions. Could you provide an isolated reproduction, ideally with one of the examples on the docs site?

[nwalters512]

Per a comment on #713, it seems like this may indeed have been an issue with third-party conflicting styles.