Skip to content

Dashboard backdrop filter in firefox #22398

Description

@juliusknorr

From #20930

  • Look into fixing backdrop-filter for Firefox https://codepen.io/iamvdo/pen/VLOGdw
  • Nice fancy blur/transparency effect for the hover/focus effect of the widget entries would be nice too, instead of just grey

Activity

  1. added this to the Nextcloud 20 milestone on Aug 24, 2020
  2. jancborchardt commented on Aug 24, 2020

    @jancborchardt
    Member

    I think it might not really be possible to do the backdrop filter in Firefox for our case.

    The example at https://codepen.io/iamvdo/pen/VLOGdw duplicates the image, which in our case would not really be feasible as we would need to duplicate the background for each widget and button, and position it properly.

    And of course the filter at https://developer.mozilla.org/en-US/docs/Web/SVG/Element/filter is only blurring the element itself.

    It might make more sense to just wait for Firefox to implement it. What do you think @juliushaertl @skjnldsv?

  3. removed their assignment
    on Aug 24, 2020
  4. jancborchardt commented on Dec 28, 2020

    @jancborchardt
    Member

    This is still disabled by default in Firefox, but now works once layout.css.backdrop-filter.enabled is enabled manually. For further tracking there’s the upstream issue at: https://bugzilla.mozilla.org/show_bug.cgi?id=1578503

    So yeah, we should simply wait for it to land per default in Firefox, especially since we had 0 people saying anything about it missing. Closing it here.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

      Milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions