Bug 103638

Summary: Javascript animation of div renders incorrectly on page with video
Product: WebKit Reporter: Chris Corbett <chris>
Component: Layout and RenderingAssignee: Nobody <webkit-unassigned>
Status: UNCONFIRMED    
Severity: Normal CC: ahmad.saleem792, ap, simon.fraser
Priority: P1    
Version: 528+ (Nightly build)   
Hardware: All   
OS: All   
URL: http://staging.10cms.com/webkit_bug/
Attachments:
Description Flags
Broken render
none
before paginating
none
fixed render by changing css none

Chris Corbett
Reported 2012-11-29 07:17:30 PST
Created attachment 176727 [details] Broken render Steps: 1) Go to http://staging.10cms.com/webkit_bug/ 2) Press the right pagination button Expected: Three images will slide left while a fourth image slides in from right. Actual: Container div moves but the render leaves two of the first image half rendered on the screen. Note: - This happens in Chrome 23.0.1.271.91m and 25.1.1337.0 canary on Windows 7 & in Safari iOS6. - I can sometimes get safari to crash by swiping the pagination back and fourth (hence the high priority). - The render will fix itself if you use dev tools to change a css value of anything inside the div with the id of 'html5'. I asume this is because it forces a redraw.
Attachments
Broken render (63.09 KB, image/jpeg)
2012-11-29 07:17 PST, Chris Corbett 		no flags
Details
before paginating (66.12 KB, image/jpeg)
2012-11-29 07:19 PST, Chris Corbett 		no flags
Details
fixed render by changing css (58.36 KB, image/jpeg)
2012-11-29 07:20 PST, Chris Corbett 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Chris Corbett
Comment 1 2012-11-29 07:19:39 PST
Created attachment 176729 [details] before paginating
Chris Corbett
Comment 2 2012-11-29 07:20:04 PST
Created attachment 176730 [details] fixed render by changing css
Alexey Proskuryakov
Comment 3 2012-11-29 11:22:30 PST
FWIW, I couldn't make OS X Safari crash with this test.
Ahmad Saleem
Comment 4 2023-05-05 14:06:38 PDT
URL in the field is different from the images: Images URL - http://staging.10cms.com/chromebug2/ ^ Not available on Wayback Archive. URL Field (Web Archive copy) - https://web.archive.org/web/20140806210636/http://staging.10cms.com/webkit_bug/ ^ this loads fine in Safari 16.4 and don't crash and does not match with the attached screenshots.
Note You need to log in before you can comment on or make changes to this bug.