wierd bug on websites that uses blur

Naezr / ShyFox

A very shy little theme that hides the entire browser interface in the window border

Mozilla Public License 2.0

1.71k stars 31 forks source link

wierd bug on websites that uses blur #38

Closed luxluth closed 6 months ago

luxluth commented 6 months ago

The rounding on the corners is not applied on website that uses blur

Naezr commented 6 months ago

I've also noticed that, but didn't associate it with blur. Thanks for the lead! As I get time to dig deeper into it, I'll try to fix it

Naezr commented 6 months ago

There is a solution, will be fixed in the future

luxluth commented 6 months ago

What was the problem ?

Naezr commented 6 months ago

I just looked up the solution from ArcWTF. It uses a psesudo element to simulate rounded corners. Instead of applying border-radius to the content, the rounded corners are made by a separate object overlaid on top. border-radius is still broken by blur.

luxluth commented 6 months ago

Okay I see, thanks

Naezr commented 6 months ago

Fix uploaded