New slider widget background brightness unsupported on Firefox

[joe4dev]

Describe the bug

The new unreleased slider widget has a brightness option under background but the CSS property backdrop-filter: brightness(0.4) is not supported (yet/by default) on Firefox (see browser compatibility matrix).

To Reproduce

Display a slider widget with the background brightness option under the latest Firefox (both desktop and mobile)

Expected behavior

Background brightness should adjust like in Chrome (top) instead of ignoring the property in Firefox (below)

Technical details:

• Link to your GitHub project: https://joelscheuner.com/#tools
• Wowchemy Version (from your go.mod): v5.0.0-20220303211751-d75dbe7f3d22
• Hugo Version (run hugo version): v0.93.2
• Browser/OS:
  • Firefox 97.0.2 (64 bit)/macOS
  • Firefox 97.3.0/Android
• Wowchemy Template (e.g. Academic): Academic

Relevant code

Relevant source code: https://github.com/wowchemy/wowchemy-hugo-themes/blob/d75dbe7f3d2232ce7e4fb8c6e1f75d4db210b837/wowchemy/layouts/partials/widgets/slider.html#L35

Possible fixes

• Use the previous rgba implementation [fully supported](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/rgba()#browser_compatibility) by all browsers. See relevant commit: https://github.com/wowchemy/wowchemy-hugo-themes/commit/35b5e1d420dacec60d2a9024993db4b58b0faabf#diff-16dc2540cb68297addf25d60a914e61062d3e7b4db692aa9428625a46b864784L22

• Conditionally fall back to the previous implementation for Firefox

  @supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
  /* FALLBACK */
  }

• Ignore in the hope Firefox supports this feature by default somewhen in the future ...

[github-actions[bot]]

This issue is stale because it has not had any recent activity. The resources of the project maintainers are limited, and so we are asking for your help.

If this is a bug and you can still reproduce this error on the main branch, consider contributing a Pull Request with a fix.

If this is a feature request, and you feel that it is still relevant and valuable, consider contributing a Pull Request for review.

This issue will automatically close soon if no further activity occurs. Thank you for your contributions.