1491942 - Very jagged and rough transition with a transform

Status: NEW

(Core :: Graphics: WebRender, defect, P3)

Description

[Malus]

Attachment: badscale.html

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:64.0) Gecko/20100101 Firefox/64.0
Build ID: 20180917100342

Steps to reproduce:

User agent = Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:64.0) Gecko/20100101 Firefox/64.0
Version = Nightly, 64.0a1,
build ID = 20180917100342,
I went on my web site which contains a large text which a scale transition on hover.
See the attachments for a HTML page containing a large text and a box, both with a :hover transition, scaling them up to a `transform: scale(1.1)`.



Actual results:

The transition runs without pixel interpolation; it proceeds pixel by pixel, which is especially well noticeable hovering the box. This occurs on any transition, not just scale.


Expected results:

The transition should run interpolated and smooth like one can reproduce on any other browser or stable Firefox builds.

Comment 1

[Timea Cernea [:tbabos][inactive]]

Hi Hallo89,

I managed to reproduce the issue on the latest Nightly 64.0a1, Beta 63.0b7 and Release 62. 
I will set a component in order to involve the development team to review this issue.

Thanks for reporting!

Comment 2

[Malus]

On normal (release) Firefox versions, this bug is present when transform-transitioning static containers, as stated above.
However, with WebRender enabled, more components are affected, for example text.
(See the attachment)

Comment 3

[Lee Salzman [:lsalzman]]

It seems the text in the test-case has been fixed by bug 1512010. The box still animates in jagged fashion, however.

Comment 4

[Gregory Pappas [:gregp]]

Still reproduces