asmyshlyaev177/react-horizontal-scrolling-menu

[BUG] Next.js `Link` component drag behavior

Closed this issue · 2 comments

rizzrark commented

Describe the bug

When the ScrollMenu item or Card component is wrapped in a Next.js Link components the Drag behavior is buggy. That is, when you drag and release the drag, the mouse cursor get sticked to a card or item in the ScrollMenu

To Reproduce
Wrap the ScrollMenu item or Card in a Next.js Link component

Expected behavior
Wen the mouse leave de item or card the Drag stops.

Screenshots
image
bug

asmyshlyaev177 commented

Not a bug with a library, a elements draggable by default.
Apply css to a elements:

  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
rizzrark commented

I forked this sandbox and added the styles you recommended, and everything worked as expected. Thanks a lot for the info. 👍