Dropdown glitches when clicking on input margins

yairEO / tagify

🔖 lightweight, efficient Tags input component in Vanilla JS / React / Angular / Vue

https://yaireo.github.io/tagify/

Other

3.55k stars 436 forks source link

Dropdown glitches when clicking on input margins #1383

Open eric-aurora opened 1 month ago

eric-aurora commented 1 month ago

Prerequisites

[x] I am running the latest version
[x] I checked the documentation and found no answer
[x] 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. firefox_ejiXzJfkdd

yairEO commented 4 weeks ago

I cannot reproduce this issue

eric-aurora commented 4 weeks ago

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 commented 3 weeks ago

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 commented 3 weeks ago

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.