react-hook icon indicating copy to clipboard operation
react-hook copied to clipboard

[useMouse()] mouse.y is off by 0.5 and shows as -0.5 when at the very top of the tracked element

Open c0dezer019 opened this issue 3 years ago • 0 comments

Describe the bug Regardless of position, position increments as 1 and starts at 0.5, so 1.5, 2.5, 3.5 etc. Will track to -0.5 before pos value is set to none (when mouse is slightly just above the element).

To Reproduce Steps to reproduce the behavior:

  1. Setup a div as specified in the instructions. Add <p>x: {mouse.x} y: {mouse.y}</p> to display pos within element.
  2. Start from the top
  3. Move mouse down the tracked div.
  4. Reverse steps.

Expected behavior y is not offset by 0.5 and that the numbers either freeze (preferably freeze) or not displayed when pos is exactly 0.

Screenshots error

Desktop (please complete the following information):

  • OS: Windows 10
  • Browser: Brave
  • Version: 1.42.97

Additional context Done with Next.JS and on a styled-component element. Not sure that this would be a cause though.

c0dezer019 avatar Aug 29 '22 20:08 c0dezer019