Fix bug for menu not showing when page is scrolled

[mil3na]

Hi :)

We noticed a bug that, when you scroll a page, the context menu appears far away from the pointer. This bug can be reproduced using the latest version of Firefox, using the examples page.

Apparently, the event position is more than enough to position the menu. If there's a reason to keep the addition of scrolling, please let me know.

Cheers.

[vkbansal]

Can you attach a GIF showing how to reproduce the issue?

[mil3na]

Sure! There you go:

I tweked the size of the example table just to have scroll bars. Here's the code:

.table {
    height:800px;
    width:1000px;
    max-width:1000px;
}

[vkbansal]

I'll merge this if you can confirm, this does not break in safari and chrome.

[mil3na]

I can test it only on OSX, but here's a gif showing how the fix behaves on safari, firefox and chrome:

[PaulIPS]

@vkbansal @mil3na I am seeing this same issue on IOS using Safari. I can confirm it's working fine on OSX in Chrome, Firefox and Safari.

[alolis]

@vkbansal @mil3na I am still seeing the issue with react-contextmenu v.2.8.0 on my iPad with Safari but it's also happening under latest Chrome (v62.0.3202.70) and latest Firefox (v9.3 build 7374) for iOS. I am using latest iOS v11.0.3.

@PaulScala , did you manage to resolve this somehow?