Open Bug 1844269 Opened 1 year ago Updated 1 year ago

Shape highlighter does not work when clicking on the button in a Pseudo-elements section rule

Categories

(DevTools :: Inspector: Rules, defect, P3)

defect

Tracking

(Not tracked)

People

(Reporter: nchevobbe, Unassigned)

References

(Blocks 1 open bug)

Details

Steps to reproduce

  1. Go to data:text/html,<meta charset=utf8><style>body {font-size: 30px} div::after { content: "AFTER"; display: block; height: 50px; background: tomato;clip-path: circle(30px) }</style><div>content</div>
  2. Inspect the content div
  3. Expand the "Pseudo-elements" section
  4. There should be a div::after rule, with a clip-path property, click on the shape highlighter button

Expected results

I can edit the shape

Actual results

The highlighter isn't displayed


Note that this work if you select the ::after node in the markup view

Severity: -- → S3
Priority: -- → P3
You need to log in before you can comment on or make changes to this bug.