1403791 - Rendering of the Firefox tab bar is broken in macOS 10.13

Status: RESOLVED DUPLICATE of bug 1401957

(Core :: Widget: Cocoa, defect)

Description

[Brandon Silver]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.13; rv:57.0) Gecko/20100101 Firefox/57.0
Build ID: 20170925150345

Steps to reproduce:

On a fresh installation of macOS 10.13:
1. Install Firefox 57.0b3
2. Start Firefox
3. Observe the incorrectly rendered styling on the tab bar area.


Actual results:

The area encompassing the tabs and window controls is partially styled: the bottom half is grey, top half is black, and there's a small transparent square in the top left and right corners of the window. 

If I click the green window control and place the window in full screen, tabs appear as expected. 


Expected results:

The artifacts described should not exist. There should be a consistent styling for the window.

Comment 2

[Brandon Silver]

I should add: the buggy rendering described above occurs with the default theme. If I switch to either the light or dark theme, it renders much closer to expectations. Then, the only bugginess seen is with the three window control dots on the top left: the bottom quarter is cut off from each of the dots.

Comment 3

[Marcia Knous [:marcia]]

Brandon: The transparent squares are tracked in Bug 1400057. Grey bar issue is Bug 1401957. Button rendering issue is Bug 1402054.