1431001 - RDM mode's page size setting input should center within the area excluding the DevTool Area rather than the area of RDM page block

Status: RESOLVED INVALID

(DevTools :: Responsive Design Mode, defect, P3)

Description

[github]

Attachment: The correct position of page size input I think is under the center of block A

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:58.0) Gecko/20100101 Firefox/58.0
Build ID: 20180111124119

Steps to reproduce:

Under my laptop screen with dimension 1600*900
When I press F12 to open DevTool and Attach it in my firefox window vertically.
Then press Ctrl+Shift+M to launch RDM, change the RDM page size to 1920*1080.


Actual results:

The RDM page size setting input was positioned to the center of RDM page block
(the left absolute position was about 1920/2 = 960)
And the input area would hidden under the DevTool


Expected results:

RDM page size setting should always in the center of the area excluding DevTool.
(Like the "Part A" block in attachment PNG file)

Maybe the RDM UI would like align to Chrome's UI
But In my opinion, the setting area appeared in left-top of the page area like RDM in the previous versions of Firefox (56-) was easier user than recently version (57+)

Comment 1

[Tim Guan-tin Chien [:timdream] (please needinfo)]

Sounds like a design/usability suggestion.

Comment 2

[J. Ryan Stinnett [:jryans] (Use needinfo, replies may be slow)]

Thanks for the feedback!  I agree the UI is currently not ideal if the viewport is wider than the browser window, so we'll keep this in mind.

Another future improvement that should help here is the "fit" option (bug 1213951) which would scale down the viewport to ensure it's always inside the browser window.

Comment 3

[Martin Balfanz [:mbalfanz]]

With the latest redesign, this item is obsolete.