1417889 - Context menu inside viewport has wrong position if RDM UI is scrolled

Status: NEW

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

Description

[Mehdi]

Attachment: Firefox 57 bug.png

Hello,

Firefox 57
RDM
See more on attached screenshot!

Comment 1

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

Does it only happen on a specific page or on all pages?

Comment 2

[Mehdi]

Hey man,

Just that page (I was working on one of my projects, at the same time, I tested in new tab and everything was fine), when RDM and Dev tools were opened. the context menu had not equal distance with the element, some times near, some times too far, actually to the edges of the screen.

Comment 3

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

If it's only that page, can you share a copy of the page somehow?  That will help me to reproduce.

Comment 4

[Mehdi]

Hey man, I faced the issue again in another website (different project), so the issue not related to that specific page. I attached the screenshot. the position is different compare to prev one.

Comment 5

[Mehdi]

Attachment: FF context menu bug.png

Comment 6

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

Can you include a full screenshot of the Firefox window?  I'd like to know what other RDM settings are active (these are cropped out of your previous attachments).

Are you dragging or scrolling at all?  Or just right-click?

Comment 7

[Mehdi]

Attachment: RMD context menu bug.rar

> Are you dragging or scrolling at all?  Or just right-click?

No man :D, just right-click

I found out how I can reproduce the issue, see the attached screenshots.

Comment 8

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

(In reply to Mehdi from comment #7)
> Created attachment 8934418 [details]
> RMD context menu bug.rar
> 
> > Are you dragging or scrolling at all?  Or just right-click?
> 
> No man :D, just right-click
> 
> I found out how I can reproduce the issue, see the attached screenshots.

Ah, thanks for the extra screenshots, that's quite helpful!

For future readers, here's an STR:

1. Open RDM
2. Use a tall viewport and / or shrink the Firefox window so that the RDM UI shows a vertical scrollbar
3. Scroll the RDM UI (not the viewport) down some
4. Right click inside the viewport
5. Context menu is positioned incorrectly by the amount scrolled