Bug 263118 - Web Inspector: Responsive design mode adjust height and width with arrow keys.
Summary: Web Inspector: Responsive design mode adjust height and width with arrow keys.
Status: NEW
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: InRadar
Depends on:
Blocks:
 
Reported: 2023-10-13 05:39 PDT by Nilesh Prajapati
Modified: 2023-10-20 05:40 PDT (History)
2 users (show)

See Also:

Attachments
Screenshot of RDM mode height and width UI (20.75 KB, image/png)
2023-10-13 05:39 PDT, Nilesh Prajapati 		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 Nilesh Prajapati 2023-10-13 05:39:54 PDT 
Created attachment 468201 [details]
Screenshot of RDM mode height and width UI

Hi Safari

Enhancement requirement for Responsive design mode.

1. Adjust the height and width of the viewport using arrow keys.

- Option to adjust using the Arrows up/down by increment of 1. 
- Option to adjust using the Shift + Arrow up/down by increments of 10. 

Chrome:✅
Edge:✅
Firefox:✅
Safari:❌


2. Responsive design mode icon on the Inspector window to quickly access this mode.
Chrome:✅
Edge:✅
Firefox:✅
Safari:❌

When working with multiple browsers for developing and testing existing and new web projects, the Responsive design mode is missing the following two features.

All three browsers have consistent behaviour. 


Thanks,
Nilesh
Comment 1 Radar WebKit Bug Importer 2023-10-20 05:40:14 PDT 
<rdar://problem/117259042>