Incorrect selection of DOM elements in DOM inspector
Categories
(DevTools :: Inspector, defect)
Tracking
(Not tracked)
People
(Reporter: E1ipS0iD, Unassigned)
Details
Attachments
(1 file)
4.32 MB,
video/mp4
|
Details |
User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:79.0) Gecko/20100101 Firefox/79.0
Steps to reproduce:
Just open the DOM inspector and click on the element with the pseudo class ::before
Actual results:
Inspector was showed me a child pseudo element styles
Expected results:
Show DOM element styles at list (in styles bar)
Comment 1•4 years ago
|
||
Bugbug thinks this bug should belong to this component, but please revert this change in case of error.
Comment 2•4 years ago
•
|
||
Hi E1ipS0iD,
Can you clarify what is the issue? It's not immediately visible from the video what the expected result is.
For context, when you click an element which has a pseudo-element, the Rules view shows an accordion with pseudo-elements for that element (as shown in the video). You can collapse the accordion if you do not want to see pseudo-element styles when inspecting DOM nodes.
When you click a pseudo-element marker, the Rules view shows the styles for that pseudo-element and styles which it inherits (as shown in your video)
(In reply to Razvan Caliman [:rcaliman] (away until July 29) from comment #2)
Hi E1ipS0iD,
Can you clarify what is the issue? It's not immediately visible from the video what the expected result is.
For context, when you click an element which has a pseudo-element, the Rules view shows an accordion with pseudo-elements for that element (as shown in the video). You can collapse the accordion if you do not want to see pseudo-element styles when inspecting DOM nodes.
When you click a pseudo-element marker, the Rules view shows the styles for that pseudo-element and styles which it inherits (as shown in your video)
When I click on the element (not pseudo child), I like to see his properties, but I see only properties of his child. And if i change something, this styles was apply to the parent itself (the selected item).
For example, if you select an item with a class .check, only the class .check::before is displayed. If you make a change on ::before, they will replace all data what the class should have.
Comment 4•4 years ago
|
||
The severity field is not set for this bug.
:gl, could you have a look please?
For more information, please visit auto_nag documentation.
Updated•4 years ago
|
Updated•4 years ago
|
Description
•