636192 - CSS transform will cause black surfaces behind scrollbars

Status: RESOLVED WORKSFORME

(Core :: Graphics, defect)

Description

[dysinscr]

User-Agent:       Mozilla/5.0 (X11; Linux x86_64; rv:2.0b11) Gecko/20100101 Firefox/4.0b11
Build Identifier: 

If you set e.g -moz-transform:rotate(5deg) or any other transformation that is not equivalent to matrix(1, 0, 0, 1, X, Y) on an element that has scrollbars, black areas seem to be displayed. Others browsers don't seem to be affected at all.

Reproducible: Always

Steps to Reproduce:
1. create a div
2. with a content that overflows
3. -moz-transform:rotate(5deg)
Actual Results:  
black areas

Expected Results:  
no black areas

Comment 1

[dysinscr]

Attachment: testcase of the issue

Comment 2

[Boris Zbarsky [:bzbarsky]]

Works for me on Mac.  Sounds like a Linux-specific issue?

Comment 3

[José Jeria]

WFM: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:2.0b12pre) Gecko/20110222 Firefox/4.0b12pre

Comment 4

[Robert O'Callahan (:roc) (email my personal email if necessary)]

WFM too on Windows. Let's see what Karl says.

Comment 5

[Karl Tomlinson (:karlt)]

Could be a bad RepeatNone implementation.
I'm not reproducing here with radeon or framebuffer drivers.

dysinscr, what video driver (and version) is your X server using?
Could you attach a screenshot, please?
What GTK theme are you using?

Comment 6

[dysinscr]

I'm using nouveau on ubuntu natty (can't test with nvidia proprietary drivers for the moment).

I can't reproduce it on my laptop with the radeon driver. Could be related to nouveau...

- version of nouveau : 1:0.0.16+git20110107+b795ca6e-0ubuntu4
- libgl1-mesa-dri-experimental installed
- Xorg : xserver-xorg version 1:7.6~3ubuntu7

Maybe someone could test it on ubuntu natty with the proprietary drivers ?

My laptop is 32 bit and I'm using ubuntu natty with the clearlooks theme on both computers.

Comment 7

[Karl Tomlinson (:karlt)]

Hmm.  I thought nouveau used to leave that operation to pixman.
'Option "NoAccel" "on"' should force pixman.

Comment 8

[dysinscr]

Same problem with nvidia proprietary drivers (I finally could installing them without breaking my system today). I have a nvidia 8500 GT card.

Comment 9

[Karl Tomlinson (:karlt)]

Thanks.  kinetik sees the same issue with nvidia proprietary drivers on his system.

There's essentially a black xy-aligned rectangle around/behind the scrollbar backgrounds.  It's what you'd expect if the driver were using GL primitives (and a rectangular clip around the extents) instead of an appropriate RENDER RepeatNone operator.

We should probably use RepeatPad with a clip (or mask) anyway.

Comment 10

[Gregory Pappas [:gregp]]

Test case in comment 1 looks good on Windows and Linux (tested two different laptops).