Quasar: QBtn outline render bug on hover (Safari only)

[jean-moldovan]

Have seen this happening with v0.14 and latest v0.15.

There is some sort of a render issue when hovering over the round outlined button in Safari.

Please see: https://jsfiddle.net/a99fkq97/1/

Thanks!

[jean-moldovan]

[rstoenescu]

Hi, I can't reproduce it in Safari. Any details? What version of Safari? Safari on a desktop or on a mobile? Give me something to work with :)

[jean-moldovan]

Safari desktop 11.0.3

[jean-moldovan]

[rstoenescu]

I am also running Version 11.0.3 (13604.5.6)... can't reproduce... can anyone else reproduce?

[olegvakulenko]

I see same problem with outline, but I run MacOS under VMWare.

[rstoenescu]

@jean-moldovan are you running under VMWare or Virtualbox too?

[spectrolite]

MacOS 10.13.1
Safari Version 11.0.1 (13604.3.5)
Hovering the button breaks it as seen in the above pic, and it stays broken after mouse exits area.
If I click it, it changes to a circle again, and is fine until I exit the area, then it breaks again.
I also noticed that if I exit the area before the ripple effect finishes, it fixes itself when the ripple ends.
Finally, it fixes itself when the last alert on bottom clears out.

[MoacirSchmidt]

I can't reproduce running on Safari 10.1.2, MacOS Sierra 10.12.6 (Virtual Machine VMWare Workstation). The cursor changes to "hand".

[jean-moldovan]

@rstoenescu , I'm on Mac Sierra 10.13.3

[maciekkus]

@rstoenescu MacOs High Sierra 10.13.2, Safari 11.0.2 (13604.4.7.1.6)
it reproduces

[rstoenescu]

@jean-moldovan @olegvakulenko @spectrolite @maciekkus
Can you tell me if the issue is still reproducible in this jsfiddle pls? https://jsfiddle.net/rstoenescu/50cobw6x/

[olegvakulenko]

In macOS High Sierra 10.13.3 under VMWare issue is still reproduce (attachment). But I see issues with shadow in notify message. IMHO this problem is Safari bug or video driver bug in hardware acceleration.

In Chrome on mac outline work fine, but I see some blinking when notify appear. In Firefox on mac work perfect. So I think this Safari issue, or even WebKit and Blink issue.

[maciekkus]

@rstoenescu still reproducible from your fiddle.

but I would like to ask others about that fix: https://jsfiddle.net/vkg5g7z3/
(not sure why it works on my safari :) )
@jean-moldovan @olegvakulenko @spectrolite

[jean-moldovan]

hey, @maciekkus , your fix worked for me!

[olegvakulenko]

@maciekkus
Your fix work for outline effect in my system.

[rstoenescu]

Embedded fix. Will be in next v0.15 beta. Thanks for helping out!