| Summary: | Web Inspector: Responsive design mode adjust height and width with arrow keys. | ||||||
|---|---|---|---|---|---|---|---|
| Product: | WebKit | Reporter: | Nilesh Prajapati <nileshprajapati> | ||||
| Component: | Web Inspector | Assignee: | 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: |
|
||||||
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