Open Bug 1152343 Opened 9 years ago Updated 11 months ago

When checking the computed styles and clicking the arrow beside the property name for pseudo elements (before and after) , the selector doesn't show up

Categories

(DevTools :: Inspector, defect, P2)

defect

Tracking

(Not tracked)

People

(Reporter: ahmadalfy, Unassigned)

References

(Blocks 1 open bug)

Details

(Whiteboard: [btpp-fix-later])

Attachments

(1 file)

In computed style, when an element is highlighted there is an arrow beside the CSS property name (for example: background). Normally when you click that arrow, the CSS selector that resulted in the value of the selected property show up

Example: .main { background: white; }

If the highlighted element is a pseudo (eg: before, after) clicking that arrow does nothing.
Status: UNCONFIRMED → NEW
Component: Developer Tools: Style Editor → Developer Tools: Inspector
Ever confirmed: true
OS: Windows 8.1 → All
Hardware: x86_64 → All
This bug makes it difficult to debug styling issues for before/after pseudo-elements. Assigning P2, to be reviewed.

Inspector bug triage. Filter on CLIMBING SHOES.
Priority: -- → P2
Whiteboard: [btpp-fix-later]
Component: Developer Tools: Inspector → Developer Tools: Computed Styles Inspector
Product: Firefox → DevTools
Component: Inspector: Computed → Inspector
Severity: normal → S3
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: