Open Bug 1281364 Opened 4 years ago Updated 3 years ago

rendering artifacts between menubar buttons and tabs due to GTK box-shadow overflow


(Core :: Widget: Gtk, defect, P3)

48 Branch



Tracking Status
firefox47 --- unaffected
firefox48 --- wontfix
firefox49 --- wontfix
firefox50 --- fix-optional
firefox51 --- fix-optional
firefox52 --- fix-optional


(Reporter: karlt, Unassigned)


(Blocks 1 open bug)


(Keywords: regression, Whiteboard: tpi:+)


(1 file)

Attached image screenshot
1. Customize menu bar UI to include some buttons.
2. Open some tabs and make the foreground tab one that is away from button
   to test.
3. Hover over background tab below button to test.
4. Move pointer quickly to hover over the button.
5. If bug does not reproduce then repeat from 3.
6. Move pointer away to left or right or above, to leave bug visible.

Expected: continuous line between menubar and tabbar.
Actual: white chunks remain.

GTK Theme: Adwaita 3.18.19

Adding overflow from GetExtraSizeForWidget() for NS_THEME_TOOLBARBUTTON shows the white shadow consistently.

Looks like this comes from:
  box-shadow: inset 0 1px white, 0 1px white;

I didn't reproduce on win7, nor with other GTK themes.

Regression range
identifies the trigger to be bug 1236043, but I doubt that is the problem.
Attachment #8764089 - Attachment description: button-turds.png → screenshot
Blocks: gtk3
I haven't seen this happen in common configurations.
Whiteboard: tpi:+
You need to log in before you can comment on or make changes to this bug.