1658518 - Incorrect line numbers in the Media Queries sidebar for prettified files

Status: UNCONFIRMED

(DevTools :: Style Editor, defect, P3)

Description

[el8]

Attachment: ladle.png

User Agent: Mozilla/5.0 (Windows NT 10.0; rv:79.0) Gecko/20100101 Firefox/79.0

Steps to reproduce:

1. Create a new Firefox profile
2. Navigate to https://ladle.ru/
3. Open Style Editor (Shift+F7)
4. Find "main.min.css" in the Style Sheet pane (it should be the 4th from top and contain 2161 rules), click on it
5. As "main.min.css" has @media rules, the Media Queries sidebar is opened along with the Editor pane
6. Notice that for all the queries line numbers are displayed incorrectly, specifically:
   entries 1, 2: line 1
   entries 3, 4: line 10
   all the rest: line 18.

A picture illustrating the issue is attached.

Comment 1

[BugBot [:suhaib / :marco]]

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

For more information, please visit auto_nag documentation.

Comment 2

[Julian Descottes [:jdescottes]]

Looks like we display the line number in the original file, while we are displaying a prettified version of the file. Note that if you perform any edit in the file, the line numbers will be updated and correct.

Clicking on the media rule still jumps to the correct location, so this doesn't prevent from using the media bar, but it's inconvenient.