#StackBounty: #reactjs #onmousemove Overlay is blocking input to xlsx spreadsheet how to fix that in my case

Bounty: 50

I created a codesandbox to illustrate this.
Basically what happens is the XLSX spreadsheet cells can’t be clicked on because the overlay transparent box is blocking this. I know why this happens and it can be fixed by setting style pointer-events: none; But then the overlay stops working because it slides out when mouse moves.

enter image description here

The overlay with green buttons slides in and out and the "Box" that catches the mouse move for the overlay is blocking the clicks to go through to the spreadsheet under.

How can I fix so I can edit all cells in the spreadsheet and still have the overlay working? IS there a way to make an overlay like this that let click through and also react to mouse events?

Get this bounty!!!

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.