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

Starting drag with shift does not work when an item contains children other than text

Open hakubo opened this issue 5 years ago • 3 comments

Describe the bug If drag has any children other than text - drag with shift will not start.

Reproduction

Live Reproduction

Steps to reproduce the behavior:

  1. Go to https://codesandbox.io/s/staging-darkness-10d01
  2. Press shift and try to drag an item called: "and I will not work with shift"

Expected behavior Item should start dragging just as the other one.

Desktop (please complete the following information):

  • OS: macOS
  • Browser Chrome
  • Version 87

hakubo avatar Nov 20 '20 22:11 hakubo

Hmm this might be a html5 drag limitation? I was able to reproduce it without react-dnd: https://jsfiddle.net/7d8b4ayj/

hakubo avatar Nov 20 '20 22:11 hakubo

seems like a bug in Chrome: https://bugs.chromium.org/p/chromium/issues/detail?id=982219

hakubo avatar Nov 20 '20 22:11 hakubo

Hi there,

I've been experiencing this issue as well while using react-dnd in my project.

Given the known Chrome bug (https://bugs.chromium.org/p/chromium/issues/detail?id=982219), is there any update or suggested workaround from the react-dnd side? I understand browser-specific bugs can be challenging, but any guidance or temporary solution would be greatly appreciated.

Thanks for all your work on this library!

usmanharoon98 avatar Sep 04 '23 06:09 usmanharoon98