Q-Btn on Safari doesn't display properly when using :to
See original GitHub issueDescribe 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)
Issue Analytics
- State:
- Created 2 years ago
- Comments:6 (4 by maintainers)
Top Results From Across the Web
Button text not displaying in safari, displaying in chrome
The text of button is not displaying in Safari,I can return the text using jquery in the console. But it is recognising the...
Read more >How To Fix Safari Videos Black Screen Bug (iOS 15 & iPadOS ...
Open Safari and load the web page that contains the video that you want to watch. · If the embedded video won't play,...
Read more >Vue 2 emit not running method, even though setup correctly ...
Coding example for the question Vue 2 emit not running method, even though setup correctly-Vue.js.
Read more >Quasar v0.15.11 & CLI v0.15.16 are out! | Quasar Framework ...
Should you wish to use QBtn inside of a <form> tag, you should know about the difference between (type=“button”, which is now implicit,...
Read more >Pdf not showing properly on Safari - Apple Support Communities
If the client computer also doesn't have that font installed, then it is up the to renderer to make the best of it....
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
It’s a style from tailwind that breaks it. Nothing we can do about it, sorry.
Fix will be available in Quasar v2.1.3