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

Status: NEW

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

Description

[Nicolas Chevobbe [:nchevobbe]]

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