Dropdown glitches when clicking on input margins

[eric-aurora]

Prerequisites

• I am running the latest version
• I checked the documentation and found no answer
• I checked to make sure that this issue has not already been filed

💥 Demo Page

This issue is demonstrable in the demo page.
https://yaireo.github.io/tagify/#section-users-list

Explanation

When clicking in the margins of a dropdown: { enabled: 0 } instance, there is odd dropdown behavior. It even happens on the example demo page. If you hold click and drag your cursor down to the dropdown, it remains open.

[yairEO]

I cannot reproduce this issue

[eric-aurora]

Did some more tests, and this seemingly happens only in Firefox. It seems like the box loses focus somehow--even though the blue focus outline remains.

[yairEO]

so maybe it is a Firefox bug. perhaps a new bug.

How annoying is it?
I mean, what are the odds someone will click just there

[eric-aurora]

It is around the whole margin and between items -- so basically everywhere that isn't the tagify__input. I have clicked it many times during testing so I would say pretty annoying.

[Koopzington]

I've stumbled upon this issue as well and tested around a bit.
I can reproduce the issue in Chrome on the demo page but apparently it only happens when you click right on the border there. It also only happens once. If i click a second time the dropdown stays open. To reproduce it again i first have to click somewhere else on the page and then click on the border again.

Another discovery i made while testing is that the dropdown opens on the mousedown event and the closing is triggered by the mouseup event. I hold the mousebutton down for a bit in the above gif.

[yairEO]

which operating system are you all using?
I cannot seem to replicate this issue on my Windows 11 using latest Chrome

[Koopzington]

I can reproduce it on Linux (KDE) with Chrome and Firefox as well as on Windows 10. Don't have any Windows 11 on my hands to test on right now but I'm sure it's reproducible there as well, on Chrome it's just really hard to place your cursor on the right pixels to do it.