Skip to content
This repository has been archived by the owner on Mar 23, 2023. It is now read-only.

bug: bleeding background on blurred elements #1636

Closed
dated opened this issue Jan 30, 2020 · 2 comments · Fixed by #1638
Closed

bug: bleeding background on blurred elements #1636

dated opened this issue Jan 30, 2020 · 2 comments · Fixed by #1638
Labels
Type: Bug The issue relates to broken or incorrect behaviour.

Comments

@dated
Copy link
Contributor

dated commented Jan 30, 2020

As it turns out there's the tiniest bleed at the edges even when using a negative margin on the blurred element. I will refactor this to use backdrop-filter: blur(4px); instead, which appears to get properly rid of the bleeding edges and doesn't require the nasty workaround with negative margins.

image

left: refactored / no bleed

@ghost
Copy link

ghost commented Jan 30, 2020

Thanks for opening this issue! A maintainer will review this in the next few days and explicitly select labels so you know what's going on.

If no reviewer appears after a week, a reminder will be sent out.

@ghost
Copy link

ghost commented Feb 26, 2020

This issue has been closed. If you wish to re-open it please provide additional information.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Type: Bug The issue relates to broken or incorrect behaviour.
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants