943228 - Clipping issue when using transform, border-radius and overflow with a background-color at some zoom levels

Status: NEW

(Core :: Layout, defect, P4)

Description

[Julien Wajsberg [:julienw]]

Attachment: testcase

STR:
* open the testcase
* zoom in until you see the clipping issue

You can also see it on B2G (I also uploaded the testcase at https://everlong.org/mozilla/radius-issue/radius-issue.html) when zooming. Note that I saw this issue while working on the SMS app for Bug 943183.

In Chrome the behavior is similar but only at a zoom level of 110%, where we can also see the border is not rendering on a right pixel.

Screenshots are coming.

Comment 1

[Julien Wajsberg [:julienw]]

Attachment: screenshot on Firefox OS 1.3

This screenshot was taken on a Peak before gralloc was enabled back (in case this is useful).

We can see a slight whiter line near the border.

Comment 2

[Julien Wajsberg [:julienw]]

Attachment: Firefox Nightly

Comment 3

[Julien Wajsberg [:julienw]]

Attachment: on Chrome v32

Comment 4

[Julien Wajsberg [:julienw]]

What makes me think this is a bug (as opposed to a coding issue) is that as soon as we remove the border-radius or the transform, the clipping issue disappears.

Comment 5

[Adam Casey]

Attachment: Testcase zoomed in fully on Windows 8.1

Seems to work OK on Windows 8.1, Firefox 27.

Comment 6

[Julien Wajsberg [:julienw]]

I still see this on my Linux Firefox Aurora 29.

Note that you might not see this on some zoom levels, but see this on others. As a matter of fact, I also see it on a Firefox 27.0.1 on Windows 8.

Comment 7

[Julien Wajsberg [:julienw]]

I still see the issue on Nightly 46 (20160122030244) and Chrome 48 beta (48.0.2564.79).

Comment 8

[Julien Wajsberg [:julienw]]

(Linux/GTK3)

Comment 9

[Julien Wajsberg [:julienw]]

(In reply to Adam Casey from comment #5)
> Created attachment 8387159 [details]
> Testcase zoomed in fully on Windows 8.1
> 
> Seems to work OK on Windows 8.1, Firefox 27.

I realize we see this on the attachment as well. Look closely on the left, besides the border. We see a paler surface that shouldn't be there.