search

haltu / muuri

Infinite responsive, sortable, filterable and draggable layouts
https://muuri.dev
MIT License
10.77k stars 643 forks source link

Chrome app on iOS. Element glitching when placed in sortable container #566

Closed tlietz closed 5 months ago

tlietz commented 5 months ago

Using an iPhone XR, and iPhone 8, with the latest version of Chrome app.

Whenever an element is dropped, it briefly flashes at the top left of the screen, then gets placed in the correct position.

Safari and Brave browsers work correctly.

Captured from the Kanban demo at https://muuri.dev/

https://github.com/haltu/muuri/assets/25965706/b98414ba-39bf-4cb2-bd78-08cab5a6e6bc

tlietz commented 5 months ago

After looking into this some more, the element being moved always goes to the top left position of either the viewport, or its parent element.

Also, it only occurs after navigating to another chrome tab, then back to the Muuri example. When restarting the Chrome app and going directly to the Muuri example, it works properly.

It’s an issue with the Chrome app since this never happens with any other browsers. However, perhaps there’s a way to make it so that the behavior of Muuri is less glitchy when a browser inevitably messes up their implementation of something.

tlietz commented 5 months ago

Tracked the issue down in Chromium issues: https://bugs.webkit.org/show_bug.cgi?id=228333

This was fixed for iOS 16.4