Open Bug 1894987 Opened 2 years ago Updated 2 years ago

DevTools inspector does not work on RTL page

Categories

(DevTools :: Inspector, defect, P3)

Product:
DevTools
Component:
Inspector
Type:
defect

Tracking

(Not tracked)

People

(Reporter: niklas, Unassigned)

Details

When the page has a scrollMinX less than 0, the inspector does not highlight the elements correctly.

STR:

  1. Open data:text/html,<html dir="rtl"><div style="width: 150vw;background-color:red;">a in a new tab
  2. Open the Inspector
  3. Scroll horizontally to the left
  4. Use the node picker to highlight the div element or hover the div element in the tree.

ER:
The node highlighter should span the entire width of the div element

AR:
The node highlighter only spans the width of the viewport starting at scrollX = 0
The node width is correctly shown in the tooltip as 150vw in pixels.

The anonymous container we use to display highlighters forces direction: ltr which might be an issue here.

https://searchfox.org/mozilla-central/rev/729361e481cf63c8d2b5617a6ff589f53e302520/layout/style/res/ua.css#454

Severity: -- → S3
Priority: -- → P3
You need to log in before you can comment on or make changes to this bug.