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.

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

[bug] Chrome / Chromium ghost image misplaced #2165

Open
skroczek opened this issue May 31, 2022 · 2 comments
Open

[bug] Chrome / Chromium ghost image misplaced #2165

skroczek opened this issue May 31, 2022 · 2 comments

Comments

@skroczek
Copy link

skroczek commented May 31, 2022

The further to the right you grab the element, the more it is shifted to the left. The same applies to the height; the lower you grip, the higher it is shifted. (See also the picture). The behavior currently occurs for me in Chromium version 102.0.5005.61 (Official Build) (64-bit) and Chrome also version 102.0.5005.61 (Official Build) (64-bit) on Ubuntu 22.04. It should be said right away that the problem does not only occur with this library, but with most html5 drag-and-drop examples I found on the net. But not all of them, e.g. Dragula does not show this problem. So is this a known behavior, or can something be done about it?

misplaced_floating_element

@cars10
Copy link

cars10 commented Jun 13, 2022

I had to use forceFallback: true to fix this.

@skroczek
Copy link
Author

skroczek commented Jun 20, 2022

Thanks for this advice @cars10, it works great. And just to have it documented here, forceFallback: true "ignore the HTML5 DnD behavior and force the fallback to kick in".
Since for some time now all browsers are somehow based on Chrome and so far Firefox is the only one proven to work with forceFallback: false, I use https://stackoverflow.com/a/7000222 to set the option accordingly. Maybe it is possible to exclude more browsers, but I have not tested this.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants