Skip to content

Translucent elements are transparent on Firefox and others #2

@theovidal

Description

@theovidal

All the elements with the translucent class, such as app bars and the bottom navigation, are shown transparent in some browsers, such as Firefox, Opera and Samsung Internet.

This is due to the backdrop-filter property, that applies a blur to the content below the element. Nonetheless, this property isn't enabled by default in the Firefox brower : user has to manually enable an option in about:config. See the compatibility table

Everyone who find a solution to this problem is welcomed to apply and a patch and submit a pull request.

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't workinghelp wantedExtra attention is needed

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions