Bug 197486

Summary:	Responsive Design Mode doesn't simulate screen size
Product:	WebKit	Reporter:	Xidorn Quan <xidorn-webkit>
Component:	Web Inspector	Assignee:	Nobody <webkit-unassigned>
Status:	RESOLVED MOVED
Severity:	Normal	CC:	bfulgham, inspector-bugzilla-changes, karlcow, pangle, webkit-bug-importer
Priority:	P2	Keywords:	CanvaBug, InRadar
Version:	WebKit Nightly Build
Hardware:	All
OS:	All

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.