Closed Bug 1764562 Opened 3 years ago Closed 3 years ago

Tailwind CSS backdrop filters not working

Categories

(Core :: CSS Parsing and Computation, defect)

Product:
Core
Component:
CSS Parsing and Computation
Version:
Firefox 99
Type:
defect

Tracking

()

Status:
RESOLVED DUPLICATE of bug 1578503

People

(Reporter: mail, Unassigned)

Details

User Agent: Mozilla/5.0 (X11; Fedora; Linux x86_64; rv:99.0) Gecko/20100101 Firefox/99.0

Steps to reproduce:

Used Tailwind CSS classes "backdrop-filter" to enable backdrop filters and backdrop-blur-lg to blur the backdrop of a component in a Next.js web application.

The OS is Fedora 36 Workstation Edition and all packages are updated to the latest versions from the fedora repositories at the time of filing this bug report.

Actual results:

The backdrop filters did not have any effect on the backdrop. I did test a few other backdrop filter classes but none of them worked either. All backdrop classes were working on Chromium Version 102.0.4995.0 (Developer Build) (64-bit).

Firefox Android Version 99.1.1 (Build #2015871915) also has the same problem.

Expected results:

The backdrop should have been modified according to the Tailwind CSS classes applied to the component.

The Bugbug bot thinks this bug should belong to the 'Core::CSS Parsing and Computation' component, and is moving the bug to that component. Please correct in case you think the bot is wrong.

Component: Untriaged → CSS Parsing and Computation
Product: Firefox → Core

The backdrop-filter CSS property is not yet enabled by default in Firefox releases. That's tracked in bug 1578503 and bug 1749625.

Status: UNCONFIRMED → RESOLVED
Closed: 3 years ago
Resolution: --- → DUPLICATE
You need to log in before you can comment on or make changes to this bug.