1405708 - Mouse over button with a border radius causes it to turn transparent under linux

Status: RESOLVED FIXED

(Core :: Layout: Form Controls, defect, P5)

Description

[Robert Schultz]

Attachment: linux_screenshot.png

User Agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/62.0.3202.18 Safari/537.36

Steps to reproduce:

Test case: https://jsfiddle.net/tc9h5fvj/



Actual results:

Mousing over the button causes it to turn transparent.

This only happens under Linux.

Tested with 56.0 and also 58.0a1



Expected results:

The button should "highlight" in a brighter color on mouse over.

Removing the "border-radius" CSS style causes the expected behavior to happen.

Comment 1

[Robert Schultz]

Seems to be related to any border changes, here is another test case where simply setting "border: 0;" will cause the odd behavior: https://jsfiddle.net/nj75fa7L/

Comment 2

[Jet Villegas (inactive)]

Thanks for filing. Please specify distro and GTK version.

Comment 3

[Robert Schultz]

Distro: Gentoo

gtk+ versions installed:
2.24.31-r1
3.22.19

Let me know if there is any other info you need.

Comment 4

[Jonathan Hefner]

I am seeing this also.

Distro: Xubuntu 17.10

GTK versions: 2.24.31-2ubunt, 3.22.25-0ubunt

Comment 5

[Robert Schultz]

Thanks @Jonathan Hefner. Glad to hear it's just not me.

I am also still seeing this with:
Firefox 60.0 (Build ID 20180514125501)
gtk+ versions installed: 2.24.32 and 3.22.30

Comment 6

[Timea Cernea [:tbabos][inactive]]

Marking this as new as it was recently reproduced in Bug 1703381.

Comment 9

[Emilio Cobos Álvarez (:emilio)]

Attachment: Bug 1405708 - Fallback -moz-buttonhoverface to the regular button background if transparent. r=stransky

It seems we get transparent in Adwaita otherwise, which causes this.

This is fixed on nightly via the non-native theme, which spoofs these
colors for contrast, but seems worth fixing anyways.

Comment 10

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/e265600c1162
Fallback -moz-buttonhoverface to the regular button background if transparent. r=stransky

Comment 11

[Cristian Brindusan [:cbrindusan]]

https://hg.mozilla.org/mozilla-central/rev/e265600c1162