Open Bug 1554737 Opened 6 years ago Updated 1 year ago

Keyframe names as strings are somewhat broken.

Categories

(Core :: CSS Transitions and Animations, defect, P3)

Product:
Core
Component:
CSS Transitions and Animations
Type:
defect

Tracking

()

People

(Reporter: emilio, Unassigned)

References

Details

Some tests:

<!doctype html>
<style>
  @keyframe "" {
    from { background: red }
    to { background: green }
  }
  :root { animation: "" 10s ease infinite; }
</style>

This is supposed to show an animation, but it doesn't because we re-use nsGkAtoms::_empty for none. Similarly getComputedStyle(document.documentElement).animationName returns none, incorrectly of course.

<!doctype html>
<style>
  @keyframe "inherit" {
    from { background: red }
    to { background: green }
  }
  :root { animation: "inherit" 10s ease infinite; }
</style>

This is also supposed to show an animation, and it does, but getComputedStyle(document.documentElement).animationName returns inherit (without quotes), which of course doesn't round-trip.

Component: CSS Parsing and Computation → CSS Transitions and Animations
Priority: -- → P3
Severity: normal → S3
You need to log in before you can comment on or make changes to this bug.