quasarframework / quasar

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

QPopupProxy regression / changed behavior #9779

Open philfontaine opened 3 years ago

philfontaine commented 3 years ago

Describe the bug I'm using the QPopupProxy component with a QDate, very much like what is shown in the docs here https://quasar.dev/vue-components/popup-proxy#breakpoint

When we click on the Date icon to open up the QDate, you can see that the QField gets the focus, but then loses it immediately, which makes it flicker and makes it quite ugly. Also it seems wrong in my opinion since we are currently editing that QField while the QDate is opened, but by losing the focus it's like we are not.

The exact same example in Quasar v1 did not have this problem https://v1.quasar.dev/vue-components/popup-proxy#breakpoint

Codepen/jsFiddle/Codesandbox (required)

Don't think I need a code pen since it can be seen right from the docs.

Expected behavior It should have the same behavior as in quasar v1

Screenshots

Quasar v2

image

Quasar v1

image

exninja commented 3 years ago

I found I have the same bug and narrowed it down to only occurring when a variable is used in the QIcon name attribute. The problem doesn't occur when the name attribute is a constant - as in the example used in the docs.

philfontaine commented 3 years ago

@exninja you are probably not talking about the same issue. The issue I'm describing can be seen right from the docs, which are using constant names for the icon.

You should maybe open another issue if that's the case.

exninja commented 3 years ago

@philfontaine Thanks, you're right. I spoke too soon. Mine is with https://quasar.dev/vue-components/date#with-qinput

Have a good one.

philfontaine commented 2 years ago

@rstoenescu Hey could this bug be looked at? I think I raised it at a very busy moment for you guys and now it's just far far in the list and does not get any traction. Thanks 👍

AnnaZot commented 2 years ago

@philfontaine try adding autofocus="false" property on the q-popup-proxy and q-date. That worked for me and the input stays focused