Closed Bug 1653512 Opened 4 years ago Closed 4 years ago

Incorrect selection of DOM elements in DOM inspector

Categories

(DevTools :: Inspector, defect)

79 Branch
defect

Tracking

(Not tracked)

RESOLVED INVALID

People

(Reporter: E1ipS0iD, Unassigned)

Details

Attachments

(1 file)

Attached video FFBug.mp4

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)

Bugbug thinks this bug should belong to this component, but please revert this change in case of error.

Component: Untriaged → Inspector
Product: Firefox → DevTools

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)

Flags: needinfo?(E1ipS0iD)

(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.

Flags: needinfo?(E1ipS0iD)

The severity field is not set for this bug.
:gl, could you have a look please?

For more information, please visit auto_nag documentation.

Flags: needinfo?(gl)
Flags: needinfo?(gl)
Status: UNCONFIRMED → RESOLVED
Closed: 4 years ago
Resolution: --- → INVALID
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: