1223003 - Image with will-change is not rendered when added outside of container bounds

Status: RESOLVED DUPLICATE of bug 1219230

(Core :: Graphics, defect)

Description

[Dmitry Semenov]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/46.0.2490.80 Safari/537.36

Steps to reproduce:

There is an element, with no styles (or width:auto).
Inside this element there is absolute-positioned square element (say 200x200px).
Inside this square, there is another div with style will-change:transform;

If you try to append IMG element inside the last element, it won't render in FF 42+ on Mac (in Windows seems to work). Toggling any style on this image via dev tools – displays it.

It happens not every time, but most of time. Sometimes you need to close Firefox and open it again, as it seems that layer gets cached.

Isolated jsFiddle example that reproduces the problem: http://jsfiddle.net/DmitrySemenov/v16799v0/

Screencast of the issue: https://www.youtube.com/watch?v=wXjdE8BfdMI


Additional note: if the root element has defined dimensions (e.g. 300x300px) and you try to place its child absolute positioned element outside of the bounds (say left:310px;), its will-change child with image won't render too.

Comment 1

[Boris Zbarsky [:bzbarsky]]

I can't reproduce on the first load of the page, but if I load the page again the bug definitely shows up.

This works fine in Fx41, so a regression in 42...  And still seeing it in current nightly.

Given the platform dependence, this is almost certainly graphics.  Milan, do you have someone who can look into this?

Comment 2

[Boris Zbarsky [:bzbarsky]]

[Tracking Requested - why for this release]: Web compat regression.

Comment 4

[Milan Sreckovic [:milan] (needinfo for best results)]

Anthony, can you help with the regression range?

Comment 5

[u279076]

(In reply to Milan Sreckovic [:milan] from comment #4)
> Anthony, can you help with the regression range?

Sorry, this doesn't reproduce at all for me. Boris, could you try using mozregression to bisect this further?

Comment 6

[Dmitry Semenov]

Here is another example that you might reproduce (it fails on my side more often): http://jsfiddle.net/agkmLgcL/20/ (there are two rectangles, one in viewport, second one – outside, clicking "Append image" button adds image in outer rectangle, then "Move wrapper" button moves it in viewport and you should see the image).

Comment 7

[Simona Badau, Desktop QA]

Regression range:

https://hg.mozilla.org/integration/mozilla-inbound/pushloghtml?fromchange=646c99efe919cbd123437448deb5dce8a3429720&tochange=69871c00379ba9a262f3a8cc2072da4a0892b2ee

Regression from Bug 1180326:
https://bugzilla.mozilla.org/show_bug.cgi?id=1180326

Comment 8

[Ryan VanderMeulen [:RyanVM]]

For the record, the testcase from comment 6 reproduces the issue reliably.

Comment 9

[Matt Woodrow (:mattwoodrow)]

This ended up being the same issue as bug 1219230, I've attached a patch there.

Comment 10

[Ritu Kothari (:ritu) (Inactive, please n-i to RyanVM, jcristau, or pascal)]

No need to track this as it's a dup and bug 1219230 is already tracked.