Q-Btn on Safari doesn't display properly when using :to

[maggie44]

Describe the bug
When using to or :to on a q-btn the style changes when viewing through Safari (iPhone and Desktop Safari) (Firefox works ok), and doesn't seem to respond to the style requests.

Codepen/jsFiddle/Codesandbox (required)
Unfortunately I haven't been able to reproduce this in Codepen, it displays ok through their built in browser. But dropping the below code in a Quasar dev env and viewing through Safari produces the issue.

To Reproduce
Steps to reproduce the behavior:

    <q-btn
      icon="folder_open"
      outline
      dense
      flat
      to="/"
    />
    <q-btn
      icon="folder_open"
      outline
      dense
      flat
    />

Expected behavior
Both these buttons should look the same like they do on Firefox (tested with Developer Edition):

Platform (please complete the following information):
Quasar Version:
@quasar/app Version: 2.0.4

Safari:
Version 14.1.1 (16611.2.7.1.4)

[pdanpdan]

Please check the styles in Safari's inspector.
I cannot reproduce it.

[maggie44]

Poor investigation on my part, my apologies.

Further investigation suggests it is Safari + Quasar + Tailwinds. The issue occurs as I mention above, but only when tailwinds is installed alongside Quasar. I'm not sure if this makes it a Quasar issue or a Tailwinds one, I will take your guidance on that.

I have attached here a new project I created to reproduce the error. It is a Quasar project created using the Quasar CLI + a tailwinds setup as described here (https://dev.to/eltoritoelvis/add-tailwind-css-to-your-quasar-project-in-5-minutes-or-less-3n4o). Using Safari mobile and desktop the issue occurs, but not in Firefox.

safari-issue.zip

[maggie44]

Is it viable to get this one marked as reopened?

[pdanpdan]

It's a style from tailwind that breaks it. Nothing we can do about it, sorry.

[maggie44]

It's a style from tailwind that breaks it. Nothing we can do about it, sorry.

Thanks for checking it out.

The Tailwind guys have identified an issue and suggested there is an issue with one of the attributes on the Quasar end. Here is the info: tailwindlabs/tailwindcss#5609 (comment)

[rstoenescu]

Fix will be available in Quasar v2.1.3