Open
Bug 1662683
Opened 4 years ago
Updated 1 year ago
Inactive CSS mistakenly shows warning for pseudo-element
Categories
(DevTools :: Inspector: Rules, defect, P3)
DevTools
Inspector: Rules
Tracking
(Not tracked)
NEW
People
(Reporter: julienw, Unassigned)
References
(Blocks 1 open bug)
Details
Attachments
(2 files)
image.png
STR:
- go to https://protocol.mozilla.org/demos/zap.html.
- inspect one of the words with the "zap" in the page.
- 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.
|
Reporter | |
Updated•4 years ago
|
Summary: The → The "rule checker" doesn't seem to work well with pseudo-elements
|
||
Comment 1•4 years ago
|
||
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.
Severity: -- → S3
Priority: -- → P3
Summary: The "rule checker" doesn't seem to work well with pseudo-elements → Inactive CSS mistakenly shows warning for pseudo-element
|
|
||
Comment 2•4 years ago
|
||
|
||
Updated•1 year ago
|
Blocks: devtools-pseudo
You need to log in
before you can comment on or make changes to this bug.
Description
•