1469598 - Broken header layout in RTL mode

Status: RESOLVED WORKSFORME

(DevTools :: Accessibility Tools, defect, P3)

Description

[Jan Honza Odvarko [:Honza] (always need-info? me)]

Attachment: rtl.png

STR:
1. Launch Firefox. Make sure to switch to RTL mode (e.g. setting intl.uidirection pref to `1`)
2. Navigate to any website
3. Press the F12 key
4. Enable Accessibility tab in Toolbox Settings if needed
5. Select the Accessibility tab
6. Expand the root document item.

BUG: A little white gap is created at the right side of the Header (just after the 'Role' label). This gap is transparent, so I can see e.g. the blue selection if it's underneath.

7. Close the root document item.

BUG: The gap disappears and the 'Role' label is moved to the right and partially hidden.

Changing size of the browser window (triggers re-layout) fixes the problem.

See the attached screenshot (and highlighted red areas in it).

Honza

Comment 1

[Itiel]

Are you still able to reproduce this?

Comment 2

[Jan Honza Odvarko [:Honza] (always need-info? me)]

(In reply to Itiel from comment #1)

Are you still able to reproduce this?

No, this seems to be fixed now.

Thanks for the note!
Closing
Honza