Closed Bug 1878448 Opened 2 years ago Closed 2 years ago

CSS.supports('transition-property: overlay') reports true

Categories

(Core :: CSS Parsing and Computation, defect)

Product:
Core
Component:
CSS Parsing and Computation
Type:
defect

Tracking

()

Status:
RESOLVED INVALID

People

(Reporter: birtles, Unassigned)

References

(Blocks 1 open bug)

Details

STR:

  1. Run CSS.supports('transition-property: overlay') in the console

Expected result: false
Actual result: true

This is problematic because it makes it impossible to feature detect if a browser allows animating a dialog out or not.

Currently authors can work around this by checking for CSS.supports('(transition-property: overlay) and (transition-behavior: allow-discrete)') but since transition-behavior made it into Interop 2024 and transition-property: overlay did not, that check will not work if we ship transition-behavior first.

More generally, CSS.supports('transition-property: anything-really') reports true.

This is per spec, right? transition-property allows arbitrary identifiers.

Can't you just do CSS.supports('overlay', 'inherit') to check if you support the overlay property?

Status: NEW → RESOLVED
Closed: 2 years ago
Flags: needinfo?(brian)
Resolution: --- → INVALID

Sorry, my bad. I misread the spec. I thought the custom ident was referring to custom property identifiers. overlay: inherit works as a test. Thanks!

Flags: needinfo?(brian)
You need to log in before you can comment on or make changes to this bug.