H5 Delay on dropping elements on latest Chrome MacOS Big Sur #1541
Comments
kevinlandsberg
changed the title
|
what browser is that for and do you see the same slowdown in other browsers (which I don't see on chrome/Win10) |
adumesny
added
status:need more info
mac
severity:important
type:bug
and removed
status:need more info
labels
adumesny
changed the title
|
Hi @adumesny , this slowdown happened to me on Googles Chrome and Firefox on MacOS Big Sur latest version, also latest versions of both browsers. In Safari gridstack does not seem to work anyway... |
kevinlandsberg
changed the title
kevinlandsberg
changed the title
|
no longer seeing the issue with Chrome and 3.1.3-dev build (appears fixed), BUT still seeing on Safari! (it animates back to original location (if I force a clone copy I can see old+new), then to new location - hence the 300msec delay before animating to dropped location. |
|
@adumesny , correct. Still seeing delays on dropping elements. |
adumesny
added a commit
to adumesny/gridstack.js
that referenced
this issue
Jan 9, 2021
fix for gridstack#1541 * on Safari we had a delay due to a 300ms+ animatin back to old location on drop. 'dragend' wasn't called (what we use) until that animation was done. to fix that had to call `preventDefault()` during drag https://stackoverflow.com/questions/61760755/how-to-fire-dragend-event-immediately * for that to work I ALSO had to remove `{passive: true}` when adding the drag event, so passing just 'true' for grabing event NOTE: I noticed Safari doesn't auto-scroll the grid (didn't before), but chrome Mac does. html5 drag event is painfully incompatible between browsers...
adumesny
added a commit
to adumesny/gridstack.js
that referenced
this issue
Jan 9, 2021
fix for gridstack#1541 * on Safari we had a delay due to a 300ms+ animating back to old location on drop. 'dragend' wasn't called (what we use) until that animation was done. to fix that had to call `preventDefault()` during drag https://stackoverflow.com/questions/61760755/how-to-fire-dragend-event-immediately * for that to work I ALSO had to remove `{passive: true}` when adding the drag event, so passing just 'true' for grabing event NOTE: I noticed Safari doesn't auto-scroll the grid (didn't before), but chrome Mac does. html5 drag event is painfully incompatible between browsers...
|
fixed in next 3.1.4 release |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Subject of the issue
Disturbing delay on dropping grid item after they were dragged around
Your environment
Steps to reproduce
Visit homepage of library and drag any grid-item of any example.
Expected behavior
No delay on dropping grid-items after they were dragged around
Actual behavior
Delays 1-2 seconds on dropping grid-items after they were dragged around
The text was updated successfully, but these errors were encountered: