[Affected versions]:

• Fx 70.0 (20191016161957)
• Fx 71.0b2 Dev edition
• Fx 71.0a1 (2019-10-17)

[Affected platforms]:

• Ubuntu 18.04 x64

[Steps to reproduce]:

1. Go to any bloomberg video (eg. https://www.bloomberg.com/news/articles/2019-10-17/hong-kong-legislature-suspended-after-opposition-shouts-down-lam)
2. Click on “Captions” - “Setting”
3. Observe how are the buttons displayed

[Expected result]:

• No button is overlapped.

[Actual result]:

• “Reset” and “Done” buttons are not aligned correspondingly (see screenshot).

[Regression range]:

• Reproducible on RC 69.0. I will provide more info asap.

[Additional notes]:

• Issue is reproducible in fullscreen and regardless of the screen resolution.

It looks like this issue is not a regression, I can reproduce it way back to Fx 47.0a1, older builds are either not available, or the site videos are not working.

I believe this is a site issue. The site uses a grid container for the caption settings, and on Linux the <select> is taller, so they overflow the grid item's height.

Move component per my comment 2.

Typically these types of issues (where a linux theme difference causes a layout problem) don't get a lot of attention from sites. But someone could send them an email.

Unfortunately in order to read the article and watch the video a subscription is needed.
https://i.imgur.com/laqJ0iE.png

Tested with:
Browser / Version: Firefox Nightly 102.0a1 (2022-05-04)
Operating System: Ubuntu 20.04.2

Anca can you still reproduce this on your side?

No longer reproducible om my side with Ubuntu 20 and Windows 10 on Nighlty 102.0a1.

Thank you Anca for confirming.