1662683 - Inactive CSS mistakenly shows warning for pseudo-element

Status: RESOLVED DUPLICATE of bug 1583641

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

Description

[Julien Wajsberg [:julienw] (PTO -> Mar 16)]

Attachment: image.png

STR:

1. go to https://protocol.mozilla.org/demos/zap.html.
2. inspect one of the words with the "zap" in the page.
3. Look at the "rules" view for the selector [class*="mzp-has-zap"] strong::after

=> the rules that work for display:block are greyed even though this pseudo element has display: block already.

One guess is that the base element is actually inline, and the code doesn't know how to deal with pseudo elements.

Comment 1

[Razvan Caliman [:rcaliman]]

Thanks for filing, Julien!

We call this the Inactive CSS pop-up, not "rule checker" :)

The issue you mentioned does indeed happen, but only when selecting the Node for which pseduo-element classes are shown. When selecting the pseudo-element directly in the Elements panel, the erroneous Inactive CSS warning no longer shows.

Leaving this nugget of info here and a video recording to help us debug.

Comment 2

[Razvan Caliman [:rcaliman]]

Attachment: inactive-css-pseudo-element.mp4

Comment 3

[Nicolas Chevobbe [:nchevobbe]]

Page was moved to https://protocol.mozilla.org/components/detail/zap--default
height is not seen as inactive anymore
Probably fixed by Bug 1583641