Bug 267216 – [iOS] Inconsistent viewport rendering on github.com

• Status: NEW
• Component: Layout and Rendering

[Emanuel]

Dear WebKit team,

I am reporting a recurring issue observed on iOS Safari where the viewport fails to correctly render web pages, leading to a significant portion of the left side being inaccessible and unscrollable. This issue has been consistently reproducible on GitHub.com and affects a range of iOS devices in both portrait and landscape modes.

Steps to Reproduce:
1. Open Safari on an iOS device.
2. Navigate to GitHub.com.
3. Observe that the left and the right side of the web page content is cut off and cannot be scrolled into view.

Expected Behavior:
The entire web page should be accessible, and users should be able to horizontally scroll to view any content that extends beyond the bounds of the initial viewport.

Actual Behavior:
The left and the right portion of the web page is clipped, and no horizontal scrolling is possible, cutting off access to content.

I suspect this may be related to how the viewport width is calculated or a potential CSS rule conflict. This behavior is detrimental to the user experience, as it restricts access to web content.

Any guidance or workaround would be greatly appreciated, and I am willing to provide additional information or assistance if required for debugging purposes.

Thank you for your attention to this matter.

Best regards,
Emanuel Peire.



[Radar WebKit Bug Importer]

<rdar://problem/120985327>