QSelect with 'use-input' prop displays white background on input element in webkitgtk browsers

[mattyg]

What happened?

In QSelect component with use-input prop enabled, the input element appears with white background on webkitgtk browsers (epiphany)

What did you expect to happen?

The input background should be transparent.

Reproduction URL

https://quasar.dev/vue-components/select#filtering-and-autocomplete

How to reproduce?

See the filtering input examples in the docs from a webkitgtk browser such as epiphany.

Flavour

Vite Plugin (@quasar/vite-plugin)

Areas

Components (quasar)

Platforms/Browsers

Other - Webkitgtk browsers such as Epiphany or Tauri on linux

Quasar info output

No response

Relevant log output

No response

Additional context

No response

[github-actions[bot]]

Hi @mattyg! 👋

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]

Can you please try to debug the problem on your platform and make a PR to fix this? Thank you.