radix-ui / themes

Radix Themes is an open-source component library optimized for fast development, easy maintenance, and accessibility. Maintained by @workos.
https://radix-ui.com/themes
MIT License
5.22k stars 186 forks source link

RadixTheme PanelBackground translucent performance problem #574

Open suitux opened 3 weeks ago

suitux commented 3 weeks ago

Hi!

I'm using radix-ui/themes 3.1.1 and I'm experiencing a FPS drop when I'm using the Theme with the panelBackground to translucent.

Anyone else?

kevinmitch14 commented 3 weeks ago

Not sure if related but I also get some weird behaviour when using panelBackground="translucent"

https://github.com/user-attachments/assets/6612dad5-a2a5-4a75-a2f9-ce84ee12a0e0

suitux commented 3 weeks ago

Not sure if related but I also get some weird behaviour when using panelBackground="translucent"

output_video.mp4

I also see this bug in the cards and other elements

rortan134 commented 2 weeks ago

Not sure if related but I also get some weird behaviour when using panelBackground="translucent"

output_video.mp4

Try isolation: isolate; on the content