Bug 263118

Summary: Web Inspector: Responsive design mode adjust height and width with arrow keys.
Product: WebKit Reporter: Nilesh Prajapati <nileshprajapati>
Component: Web InspectorAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Normal CC: inspector-bugzilla-changes, webkit-bug-importer
Priority: P2 Keywords: InRadar
Version: WebKit Nightly Build   
Hardware: All   
OS: All   
Attachments:
Description Flags
Screenshot of RDM mode height and width UI none

Nilesh Prajapati
Reported 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
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 attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2023-10-20 05:40:14 PDT
<rdar://problem/117259042>
Note You need to log in before you can comment on or make changes to this bug.