Bug 185710 - Unexpectedly beome Horizontal scrollable on iPhone
Summary: Unexpectedly beome Horizontal scrollable on iPhone
Status: RESOLVED WONTFIX
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: Safari 11
Hardware: iPhone / iPad iOS 11
: P2 Minor
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2018-05-16 18:39 PDT by Development Team
Modified: 2018-05-16 21:48 PDT (History)
3 users (show)

See Also:

Attachments
Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Development Team 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
Comment 1 Simon Fraser (smfr) 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.
Comment 2 Development Team 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
Comment 3 Simon Fraser (smfr) 2018-05-16 21:14:27 PDT 
Bug 146918 has some info.