quasarframework / quasar

Quasar Framework - Build high-performance VueJS user interfaces in record time
https://quasar.dev
MIT License
25.82k stars 3.5k forks source link

Allow Qselect to auto-open and auto-close on mouse events #11675

Open CamilleDrapier opened 2 years ago

CamilleDrapier commented 2 years ago

Is your feature request related to a problem? Please describe.

We would like to migrate form Quasar v1 to Quasar v2. In our current application, we have "auto-open/close" selects on mouse hover, that we implemented so far with @mouseenter.native and @mouseout.native, but because in vue3 we cannot rely on native anymore (probably for the better), we are a bit stuck on how to maintain this feature while migrating.

Here is a Codepen showing the problem (lack of console prints) in Q2: https://codepen.io/CamilleDrapier/pen/zYENooX?editors=101 Here is a Codepen showing the workaround (all console prints) in Q1: https://codepen.io/CamilleDrapier/pen/mdBRORO?editors=101

Describe the solution you'd like

Would it be possible to add the mouseenter and mouseout (and potentially more) events to the events emitted by Qselect? Or if not, would it be possible to natively support the the "auto-open/close" on mouse events feature for this component?

Describe alternatives you've considered

An alternative could be to handle these events on a wrapper component but this would require for this extra wrapper to have its custom style, and might feel like it is some boilerplate code?...

Additional context

Might be related to: https://github.com/quasarframework/quasar/issues/9907 https://github.com/quasarframework/quasar/issues/5411 https://github.com/quasarframework/quasar/issues/4639

flowt-au commented 2 years ago

+1 for this feature

han1548772930 commented 1 year ago

+1 for this feature

han1548772930 commented 1 year ago

At present, I have implemented it myself, but I still hope that the official can add this function. #16317