Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

HTML5 Backend breaks all inputs text drag #1552

Open
romeovs opened this issue Sep 25, 2019 · 4 comments · May be fixed by #3495
Open

HTML5 Backend breaks all inputs text drag #1552

romeovs opened this issue Sep 25, 2019 · 4 comments · May be fixed by #3495

Comments

@romeovs
Copy link

romeovs commented Sep 25, 2019

Describe the bug
Using the react-dnd-html5-backend breaks site-wide text drag-and-drop into inputs, even ones that are not managed by react-dnd.

This happens to all inputs event ones that are not children of DndProvider and even ones that are not managed by React.

I'm not sure what the name of this default browser feature is but here is a gif:

ok2

Reproduction

Live Reproduction

Steps to reproduce the behavior:

  1. Open a text editor and type some text
  2. Select the text and try to drag it on any of the inputs
  3. None of the inputs allow you to drop text

notok2

Expected behavior
The inputs should still accept dropped text

Desktop (please complete the following information):

  • OS: All (AFAICT, I'm on MacOS)
  • Browser: Safari 13, Chrome 77, Firefox 69, (probably IE too)
@romeovs romeovs changed the title HTML5 Backend breaks all inputs HTML5 Backend breaks all inputs text drag Sep 25, 2019
@YueHui
Copy link

YueHui commented Oct 23, 2019

same problem ,has someone attention on this?

@percy507
Copy link

percy507 commented Apr 7, 2022

+1

@YueHui
Copy link

YueHui commented Apr 7, 2022 via email

@percy507
Copy link

percy507 commented Apr 7, 2022

https://github.com/react-dnd/react-dnd/blob/main/packages/backend-html5/src/types.ts

Set the rootElement of the drag area may fix this. Default it covers all document.

@percy507 percy507 mentioned this issue Apr 7, 2022
Merged
This was referenced Sep 3, 2022
Closed
Open
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

fix: allow dropping non-file native objects when there is no drop target TheUnlocked/react-dnd
3 participants
@romeovs @YueHui @percy507