RESOLVED WONTFIX 185710
Unexpectedly beome Horizontal scrollable on iPhone 
https://bugs.webkit.org/show_bug.cgi?id=185710
Summary Unexpectedly beome Horizontal scrollable on iPhone
Development Team
Reported 2018-05-16 18:39:27 PDT
www.collectionstock.com On Iphone only, the window Unexpectedly become Horizontal scrollable, inspected every element and don't know what caused it. the html is overflow-x hidden and horizontal scroll should be always forbidden! Test result: iPhone Safari - Failed iPhone Chrome- Failed iPad Pro - Pass Mac - Pass All Android - Pass
Attachments
Add attachment proposed patch, testcase, etc.
Simon Fraser (smfr)
Comment 1 2018-05-16 19:28:52 PDT
http://www.collectionstock.com is not horizontally scrollable for me on iPhone 6+, but is on iPhone X. For some reason the body is 376px wide there. overflow on the html or body are ignored for historical reasons.
Development Team
Comment 2 2018-05-16 20:46:31 PDT
Ah i see. I found that the reason was within an container, there is an element with negative margin-left and negative margin-right slightly overflow the entire screen. Could you tell me what are the historical reasons not fixing the overflow? It would be expected that if we make hidden to overflow horizontal, no horizontal should be allowed, just like Chrome. Thanks
Simon Fraser (smfr)
Comment 3 2018-05-16 21:14:27 PDT
Bug 146918 has some info.
Note You need to log in before you can comment on or make changes to this bug.