Bug 262207 - Safari viewport suddenly becomes half size
Summary: Safari viewport suddenly becomes half size
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: New Bugs (show other bugs)
Version: Safari 17
Hardware: iPhone / iPad iOS 17
: P2 Major
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2023-09-27 13:09 PDT by Jesper Bendtsen
Modified: 2023-10-05 13:20 PDT (History)
6 users (show)

See Also:

Attachments
Screenshot - iPhone (209.07 KB, image/jpeg)
2023-09-27 13:09 PDT, Jesper Bendtsen 		no flags Details
Screenshot - iPad (645.62 KB, image/png)
2023-09-27 13:09 PDT, Jesper Bendtsen 		no flags Details
View All 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 Jesper Bendtsen 2023-09-27 13:09:04 PDT 
Created attachment 467904 [details]
Screenshot - iPhone

Safari viewport suddenly becomes half size. I have come across two places where this happens:

1.
When clicking on a deep link in an email in Gmail app and the link opens in Safari. The page is half size.

2.
When I view PDF file in installed PWA and take a screenshot and then return to the app "Safari", the page is half size.

See videos and diagnosis logs in my feedback:
https://feedbackassistant.apple.com/feedback/13209461
Comment 1 Jesper Bendtsen 2023-09-27 13:09:35 PDT 
Created attachment 467905 [details]
Screenshot - iPad
Comment 2 Jesper Bendtsen 2023-09-27 13:11:09 PDT 
Reload page do not help!
Comment 3 Alexey Proskuryakov 2023-09-27 13:30:58 PDT 
rdar://116137297

Thank you for the report. Could you please confirm whether this is an iOS 17 regression?

Also, I have personally never seen this, including in the Gmail app.
Comment 4 Jesper Bendtsen 2023-09-27 23:31:57 PDT 
I get different responses back from my users. It has been there for several months, they say. They all say iOS 16, but they can't remember the exact version where it started.

GitHub:
<meta name="viewport" content="width=device-width">

PWA:
<meta name="viewport" content="viewport-fit: contain, width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">