Bug 197486 - Responsive Design Mode doesn't simulate screen size
Summary: Responsive Design Mode doesn't simulate screen size
Status: RESOLVED MOVED
Alias: None
Product: WebKit
Classification: Unclassified
Component: Web Inspector (show other bugs)
Version: WebKit Nightly Build
Hardware: All All
: P2 Normal
Assignee: Nobody
URL:
Keywords: CanvaBug, InRadar
Depends on:
Blocks:
 
Reported: 2019-05-01 18:37 PDT by Xidorn Quan
Modified: 2023-04-11 17:14 PDT (History)
5 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 Xidorn Quan 2019-05-01 18:37:29 PDT 
Some apps choose to use screen size (as opposed to viewport size) as a factor for their responsive design.

Safari doesn't seem to simulate screen size (obtained via `window.screen`) when in Responsive Design Mode, which makes it hard to debug those web apps.

Steps to reproduce:
1. open a website
2. click Develop / Enter Responsive Design Mode
3. click Develop / Show JavaScript Console
4. enter "screen" and enter

Expected result:
It should have a screen object with width and height for the device.

Actual result:
The screen object has the width and height of the current desktop screen.
Comment 1 Radar WebKit Bug Importer 2022-07-20 22:53:07 PDT 
<rdar://problem/97361332>
Comment 2 Patrick Angle 2022-09-22 13:22:56 PDT 
<rdar://44222660>
Comment 3 Brent Fulgham 2023-04-11 17:14:46 PDT 
The cause of this issue is in code outside of WebKit, so resolving as MOVED.