I am having the same issue.
There is a new div element with class q-focus-helper in q-item. The q-focus-helper has opacity and background as currentColor thats causing the issue.

Thanks for your example! Helped me a lot, also the codepen was very helpful.

https://v1.quasar-framework.org/vue-components/resize-observer

after some searching there’s already a PR for this, so we’ll probably see it back in v1 https://github.com/quasarframework/quasar/pull/3634/commits/ec1b7a7be10a224186547a03e497b9c771d6a4f1.

Not sure what you are referring to when you mention :validate.
There’s only rules, lazy-rules, …

https://v1.quasar-framework.org/vue-components/field#Validation

If I may add: your fast response is VERY helpful, as it helps your users not wasting time in such topics. And I don’t take this for granted. With your replies to my - misplaced - reports you saved me some hours today. And I’m sure others feel alike.

Known issue. On the radar. Similar issues reported already. Will be fixed soon.

Sure. The upgrade guide is coming. That will make a lot of the changes clearer. You can see the draft here:

https://hackmd.io/s/Sk5EtX3rV

Scott