QSelect's weird bug that would break the focus function (e.g. autofocus directive)

[pdanpdan]

Discussed in #11748

^{Originally posted by guogangj December 22, 2021}
QSelect has a feature that handles the enter key. I found a bug about the enter key. Focus on a QSelect component then press the enter key very quickly, then the QSelect will show and hide the option list very quickly. It seems all right. However, that problem comes! You will find that autofocus will not work anymore until you refresh the whole page. Not only autofocus directive, but also any other functions relative to focus.

Briefly, the quickly enter key pressed on QSelect will break the browser's focus function.

I made a demo here: codepen

At the beginning, use the toggle to show the input, the input will get focus. You can try multiple times. However, if you do "quickly enters on QSelect", then you will find the autofocus is broken.

---

Additional notes 1, I found it's not the enter key's problem, it should be the dropdown list's problem, I reproduced the problem with mouse operation.

Additional notes 2, I tried that at Chrome, Edge, Firefox, it acted same.

qselect-focus-bug.mp4

Related to this: 0928fd8

[rstoenescu]

Fix will be available in Quasar v2.4.3 & v1.17.0