1511506 - [Flexbox][RTL] The flex item label is overlapping the dropdown list button in sizing display

Status: VERIFIED FIXED

(DevTools :: Inspector, defect, P3)

Description

[Paul_B]

Attachment: RTL overlap.PNG

User Agent: Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:65.0) Gecko/20100101 Firefox/65.0 
Build id: 20181130093534   

STR:

1. Install an RTL Nightly build, launch it and navigate to a random website. (e.g. bugzilla.mozilla.org) 
2. Enable the element inspector and select a flex element.
3. Navigate to the Flexbox Inspector section and select a flex item in order to get the sizing display. 

[AR]

The flex item label is overlapping with the dropdown list button.

[ER]

There are no visible UI issues on the sizing information display.

Comment 1

[Micah [:mtigley] (she/her)]

Attachment: Bug 1511506 - Fix dropdown list button image issue where it overlaps the flex item label for RTL. r=gl

Comment 2

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/0b1e3a8cb09c
Fix dropdown list button image issue where it overlaps the flex item label for RTL. r=gl

Comment 3

[Razvan Maries]

https://hg.mozilla.org/mozilla-central/rev/0b1e3a8cb09c

Comment 4

[Paul_B]

Attachment: Verified fixed.PNG

Comment 5

[Paul_B]

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

Verified as fixed using 66.0b7 DevEdition "AR" locale build 20190211185957.