Bug 36851

Summary: div element jumps to the right when window.innerWidth is less than a certain value
Product: WebKit Reporter: David Kilzer (:ddkilzer) <ddkilzer>
Component: Layout and RenderingAssignee: Nobody <webkit-unassigned>
Status: RESOLVED CONFIGURATION CHANGED    
Severity: Normal CC: bfulgham, robert, socket.h
Priority: P2 Keywords: HasReduction, InRadar
Version: 528+ (Nightly build)   
Hardware: All   
OS: All   
URL: http://www.people.com.cn/
Attachments:
Description Flags
Initial reduction none

David Kilzer (:ddkilzer)
Reported 2010-03-30 13:54:38 PDT
* SUMMARY Loading <http://www.people.com.cn/> in Safari with window.innerWidth less than 996 pixels wide causes a <div> element on the page to jump ~429 pixels to the right, which then causes the page to render much wider than the actual content. I have a reduction. * STEPS TO REPRODUCE 1. Load test case in Safari. 2. Make screen narrower than ~996 pixels. * EXPECTED RESULTS The last <div> should not jump to the right when the window is narrower than ~996 pixels. * ACTUAL RESULTS Note how the last <div> element on the page jumps to the right ~429 pixels. * REGRESSION Unknown. Only tested WebKit nightly build r56669.
Attachments
Initial reduction (1.56 KB, text/html)
2010-03-30 13:55 PDT, David Kilzer (:ddkilzer) 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
David Kilzer (:ddkilzer)
Comment 1 2010-03-30 13:55:12 PDT
Created attachment 52078 [details] Initial reduction
David Kilzer (:ddkilzer)
Comment 2 2010-03-30 13:56:48 PDT
<rdar://problem/7810087>
David Kilzer (:ddkilzer)
Comment 3 2010-03-30 13:59:55 PDT
The test case (and the original page) looks correct in Firefox 3.5.8 on Mac OS X 10.6.
Robert Hogan
Comment 4 2013-04-01 05:21:26 PDT
I can't recreate this with Chrome at WebKit r146919. Is it still happening for you?
Brent Fulgham
Comment 5 2024-01-10 15:20:34 PST
I can't reproduce this (with the test case) on current main WebKit.
Note You need to log in before you can comment on or make changes to this bug.