Open Bug 1955204 Opened 7 months ago

Animations on ::details-content are not displayed in the Animation panel

Categories

(DevTools :: Inspector: Animations, task)

Product:
DevTools
Component:
Inspector: Animations
Type:
task

Tracking

(Not tracked)

People

(Reporter: nchevobbe, Unassigned)

References

(Blocks 1 open bug,
URL
)

Details

Steps to reproduce

  1. Go to data:text/html,<meta charset=utf8><!DOCTYPE html><style>details { color: black; transition: color 2s; @starting-style { color: red; } }%20 details[open]::details-content {background-color: gold;transition: background-color 5s;@starting-style {background-color: tomato;}}</style><details open><summary>Example summary</summary><p>First</p><p>Second</p></details>
  2. Open the inspector, select the animations panel
  3. Reload the page

Expected results

The transition on ::details-content should be visible in the animation panel

Actual results

The animation panel stays empty

You need to log in before you can comment on or make changes to this bug.