Artifacts when "to right" linear-gradient is used on headerbar
Steps to reproduce
- Find a CSD app (gcolor3 and tilix will be used)
- Give headerbar a gradient (either through
GTK_DEBUG=interactive
or~/.config/gtk-3.0/gtk.css
window headerbar {
background: linear-gradient(to right, #064034, #237a57);
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.51);
}
- Hover on CSD buttons
Current behavior
Visible artifacting when buttons are hovered on, where the background color would change to the right-most gradient. Only happens to one side.
Expected outcome
No visible artifacting like the right side.
Visualization
- Left side: current behavior
- Right side: expected outcome
Version information
GTK+ Version | 3.24.1 and 3.24.2 (happens in both)
GDK Backend | X11
|
Prefix | /usr
RGBA visual | true
Composited | true
GL Version | GLX 1.4
GL Vendor | NVIDIA Corporation
GL Hardware | NVIDIA GeForce GT 1030, driver 410.78
GLX_* | true
GLX_OML_sync_control | false
|
Distro | Antergos Linux
Kernel | 4.18.12-rt7-3-rt-bfq #1 SMP PREEMPT RT
Additional information
- This can't be reproduced on my Intel laptop (though it's worth poninting out it had
GLX_OML_sync_control
attrue
- The artifacts disappear when Alt-Tabbing out and back in
- There is no artifact if element is viewed through the Magnifier section of the Interactive debugger
- Never seem to happen on the right side, the left side buttons take the color of the right side gradient
- Artifacts are in the debugger's headerbar too, though it only happens to the first 3 buttons
- Doesn't happen when
to right
is removed fromlinear-gradient
More pictures
Tilix
Nautilus