Clearable QInput & QSelect does not work with "Enter"

[Marcindyg]

What happened?

In QInput and QSelect with prop "clearable" button/icon "x" works correctly on mouse click but does not always work with "Enter" keypress when button/icon is focused. Sometimes like in "Clearable" example #2 in QInput icon "x" is not even focusable.

https://quasar.dev/vue-components/input#example--clearable
In docs page with "Clearable" example we have 3 cases:

1. ❌ "x" is focusable but "Enter" did nothing
2. ❌ "x" is not focusable (but it's because slot example is poor)
3. ✅ "x" is focusable and "Enter" clear value

What did you expect to happen?

Whenever "clerable" QIinput or QSelect is not disabled i expect that "x" icon is focusable and with "Enter" keypress value will be cleared.

Reproduction URL

https://quasar.dev/vue-components/input#example--clearable

How to reproduce?

Try to clear with "Enter" examples in QInput "clearable"

QInput "clearable" examples extracted to separate codepen works correctly, so i assume bug is not directly in those components*

*Same for QSelect

Flavour

Vite Plugin (@quasar/vite-plugin)

Areas

Components (quasar)

Platforms/Browsers

Firefox, Chrome, Microsoft Edge

Quasar info output

No response

Relevant log output

No response

Additional context

No response

[github-actions]

Hi @Marcindyg! 👋

It looks like you provided an invalid or unsupported reproduction URL.
Do not use any service other than Codepen, jsFiddle, StackBlitz, Codesandbox, and GitHub.
Make sure the URL you provided is correct and reachable. You can test it by visiting it in a private tab, another device, etc.
Please edit your original post above and provide a valid reproduction URL as explained.

Without a proper reproduction, your issue will have to get closed.

Thank you for your collaboration. 👏

[pdanpdan]

In fact it is a bug with QIcon, which does not use tag to render when icon is SVG.
With that bug fixed the first and third examples are all good, and the second one is like this by default, to show how to create not-focusable clear icons (lots of people do not want to be focusable).

So please open another issue about QIcon and then I'll close this one. Thank you