cosmetic : buttons "shadow effect" mismatch

[JM-FRANCE]

when using multiple buttons and selecting different Colors, the design looks good but when you start the simulation the Colors of the "circle" around the button used for a shadow/3D effect get mixed up and instead of using the specific color of the button, only one is used (may be the one from the last created button).

here is an image as it's easier to see than describe:

top screen grab is during design phase, bottom is during use after pressing the yellow button, the circle turned blue.

➜ that's ugly 😇🥶😱

[AriellaE]

Hello @JM-FRANCE

I can't reproduce this bug. Which browser do you use?
Can you please send me a video showing how to reproduce this bug?

Thank you, Ariella

[JM-FRANCE]

Hello,

I'm using Safari Version 16.5 on a Mac (OS X 12.6.6 Monterey). I can't record a video at the moment but here is a project (from the screen shot above) exhibiting the issue both on my Mac and on my iPhone (Safari / iOS 16.5.1).

https://wokwi.com/projects/368412397088476161

curious to know if you see the same ?

---

EDIT: I tried with Chrome on my Mac and I don't see the issue. Might be something Safari related then.

here is the video with Safari

https://github.com/wokwi/wokwi-elements/assets/15193091/3dced50d-a687-4c3e-8da5-8a3acd71fd06

[Koepel]

Confirmed with "GNOME Web" browser (previous called Epiphany) version 44.1. It is a browser based on the WebKit engine.

[JM-FRANCE]

confirmed it's working now in Safari

thanks.

[AriellaE]

Thank you @JM-FRANCE and @Koepel, It should be fine now.

Have a great day, Ariella