1404081 - Scrolling the responsive design container breaks the coordinate system for the context/right click menu.

Status: NEW

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

Description

[gonchuki]

Attachment: responsive ui + context menu coordinate bug

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

Steps to reproduce:

1- load any website you want to debug
2- hit F12 to open the developer toolbox
3- enable the responsive design mode
4- select a preset device that will be larger than your available screen space, for example a Kindle Fire HDX 8.9 in portrait mode (1280px high)
5- notice your Firefox viewport now has a vertical scrollbar to accomodate the emulated device (assuming a standard 1080p screen)
6- scroll down the Firefox viewport (on the outside with the aforementioned scrollbar, not inner one for the emulated device) and right click on any of the page's elements as if you were trying to inspect them.

Additional details: this this has been happening for quite a few versions and is confirmed to still be an issue in Firefox 57, as shown in the attached video.


Actual results:

The context menu is opening with a translated origin/coordinate system, equaling as much as you scrolled the outer viewport. E.g.: If you scrolled 100px, the context menu is opening 100px below where your mouse pointer is located.

Comment 1

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

Thanks for filing!  I can reproduce the issue here.

(The video wouldn't play for me, but in any case, I understand the issue.)

Comment 2

[Firefox Bug Husbandry Bot]

https://wiki.mozilla.org/Bug_Triage/Projects/Bug_Handling/Bug_Husbandry#Move_fix-optionals