|Summary:||image not displayed in flexbox|
|Product:||WebKit||Reporter:||James Campos <james.r.campos>|
|Component:||Images||Assignee:||Tony Chang <tony>|
|Severity:||Normal||CC:||eric, ojan, shezbaig.wk, tony, webkit.review.bot|
|Version:||528+ (Nightly build)|
|Bug Depends on:|
Description James Campos 2012-10-07 01:35:50 PDT
Created attachment 167474 [details] test case - image not displaying in flexbox An image in a flexbox is not shown until the page is redrawn / repainted, eg by changing the window size. The bug happens almost randomly - in webkit nightly / chrome 24 canary, the linked url will usually display the image correctly on first page load, and then exhibit the bug on refresh. In the attached file, in canary, the bug always happens; in nightly, the bug appears when the mouse is moved during page loads (?!). All is fine on chrome 22 stable.
Comment 1 Ojan Vafai 2012-10-08 11:51:51 PDT
Looks like a paint or relayout issue. When I open the inspector, the image paints.
Comment 2 Tony Chang 2012-10-08 12:08:54 PDT
Created attachment 167582 [details] with borders Here's the same test case with a border on the flexbox. You can see that the inner flexbox doesn't size correctly. I think it's a race in reading the image dimensions, although I'm not sure how that's possible.
Comment 4 Tony Chang 2012-10-08 14:44:29 PDT
This is easy to repro with a slow loading image: http://ponderer.org/tests/flexbox-relayout.html
Comment 6 Ojan Vafai 2012-10-08 16:56:38 PDT
Comment on attachment 167646 [details] Patch Presumably you can remove css3/flexbox/flexitem-stretch-image.html from TestExpectations now?
Comment 8 Tony Chang 2012-10-08 17:00:56 PDT
*** Bug 95366 has been marked as a duplicate of this bug. ***
Comment 9 WebKit Review Bot 2012-10-08 18:52:17 PDT
Comment on attachment 167649 [details] Patch for landing Clearing flags on attachment: 167649 Committed r130714: <http://trac.webkit.org/changeset/130714>
Comment 10 WebKit Review Bot 2012-10-08 18:52:20 PDT
All reviewed patches have been landed. Closing bug.