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

safari: 4.0.1 Widgets no longer drag #1684

Closed
wurambo opened this issue Mar 23, 2021 · 6 comments · Fixed by #1738
Closed

safari: 4.0.1 Widgets no longer drag #1684

wurambo opened this issue Mar 23, 2021 · 6 comments · Fixed by #1738

Comments

@wurambo
Copy link
Contributor

wurambo commented Mar 23, 2021

Subject of the issue

On Safari, the widgets are no longer draggable within their own grid. I am able to reproduce this issue with a few demos - https://gridstackjs.com/demo/two.html https://gridstackjs.com/demo/web2.html

edit - I had assumed it was only when multiple grids were rendered, but there are demos where there is a single grid and drag and drop stop working

Your environment

Safari Mac Version 14.0.3 (15610.4.3.1.7, 15610)
Gridstack v4.0.1

Steps to reproduce

Attempt to drag a widget to another spot in the grid
Screen Recording 2021-03-23 at 3 08 51 PM

Expected behavior

Should let you drag to another spot in the grid

Actual behavior

Does not allow user to drag the item to another spot

@wurambo wurambo changed the title Widgets no longer drag in grid when multiple grids are rendered Widgets no longer drag in grid on safari Mar 23, 2021
@adumesny
Copy link
Member

so even the simple https://gridstackjs.com/demo/float.html doesn't let you drag (see placeholder) correctly ?
(nothing to do with multiple grids if that the case)

@adumesny adumesny changed the title Widgets no longer drag in grid on safari safari: 4.0.1 Widgets no longer drag Mar 23, 2021
@wurambo
Copy link
Contributor Author

wurambo commented Mar 24, 2021

Looks like that demo is fine. The only two I'm running into so far is these two demos

https://gridstackjs.com/demo/two.html https://gridstackjs.com/demo/web2.html

Not exactly sure what these two have in common though - maybe having more than one droppable area?

@adumesny
Copy link
Member

adumesny commented Mar 24, 2021

so https://gridstackjs.com/demo/float.html you can see the dash-line placeholder when moving the item around just fine and it moves there ?
but doing exactly the same within the FIRST grid in https://gridstackjs.com/demo/two.html does not ? (don't try to drag between or from the new items yet)

does https://gridstackjs.com/ first example (same as web1.html BUT with jquery instead) work correctly ?

I don't have easy access to safari for testing. thanks.

@wurambo
Copy link
Contributor Author

wurambo commented Mar 26, 2021

For (https://gridstackjs.com/demo/float.html), everything is working as is. You can see the dash-lines and you and move the item around

https://gridstackjs.com/demo/two.html Does not show lines or let you move the item to another spot

https://gridstackjs.com/ both examples are working

Still not entirely sure what could be the culprit of these safari issues

@adumesny
Copy link
Member

@adumesny
Copy link
Member

does your bug only happens in H5 or JQ as well? you didn't say...

adumesny added a commit to adumesny/gridstack.js that referenced this issue Apr 23, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants