1124886 - Images in mouseover-preview-transition are jumping

Status: NEW

(Core :: Graphics: WebRender, defect)

Description

[Elbart]

Attachment: dailymotion_hover_jump.mp4

Open URL and hover over the video-previews.
The image will zoom in and start a slideshow of preview-images.

In Firefox, these images are seemingly jumping, maybe due to scaling, the transition or both.

In Chrome, the images are static.

It's most noticeable when the images have captions or subtitles.

Affected: Firefox 35 and up, at least.

Comment 1

[Elbart]

As a note: This jump reminds me of the now fixed "jump" when downscaling an image (bug 925611).

Comment 2

[Elbart]

It's not happening with HWA off.

Maybe this bugs belongs into Core::CSS or Core::Graphics?

Comment 3

[Seth Fowler [:seth] [:s2h]]

Sounds like Core::Graphics to me. I'd bet this is a layers issue.

Comment 4

[Alice0775 White]

Attachment: testcase

Comment 5

[Bas Schouten (:bas.schouten)]

I concur, Matt, do you have an idea?

Comment 6

[Matt Woodrow (:mattwoodrow)]

Looks like the transition between active and inactive layers. We use different scaling algorithms for these, and sometimes the difference is fairly clear.

Comment 7

[Elbart]

Another example: The new Formula1-website:
http://www.formula1.com/content/fom-website/en.html
See below "The latest in Formula 1®"

Comment 8

[Elbart]

Attachment: reCAPTCHA tiles

New Google-recaptcha-method is showing this too:
https://www.google.com/recaptcha/api2/demo

Click on the "reload"-icon until you get to the dialog shown in the attachment, then click on any of the tiles.

Comment 9

[sladex]

Similar problem when changing opacity with transition animation.
Here an example:
http://jsbin.com/dugetebuho/edit?html,css,output
I've fixed jumping by adding `will-change: opacity` on the element with image.

Have tried to fix Formula1-website example above with `will-change: transform` and it didn't help though.

Comment 10

[Gregory Pappas [:gregp]]

Attachment: Updated testcase

Comment 11

[Gregory Pappas [:gregp]]

My eyesight isn't very good but it seems like this still reproduces

Comment 12

[BugBot [:suhaib / :marco/ :calixte]]

The severity field is not set for this bug.
:gw, could you have a look please?

For more information, please visit BugBot documentation.