8000 CSS backdrop-filter is not working combined with the SheetWithDepth · Issue #67 · silk-hq/silk · GitHub
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content
CSS backdrop-filter is not working combined with the SheetWithDepth #67
Open
@Babettestam

Description

@Babettestam

I have some buttons with the backdrop-filter: blur(...) on it. But when using this combined with SheetWithDepth, I run into some issues. For me the main screen starts flickering when the sheet opens, and the rounded edges are removed.
I was able to reproduce the issue with the border radius on the silkhq website by just adding a backdrop filter in the DOM. See the screencast.

silk-backdrop-filter.mp4

The performance issues (flickering) did not accure on the silkhq website, so added a screencast of my application, first open is with the backdrop-filter: blur(...) active and second and third opening is without.

example-project.mp4

Metadata

Metadata

Assignees

No one assigned

    Labels

    libraryConcerns the librarystatus/backlogWill be worked ontype/bugSomething isn't working

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions

      0