[list] - unable to drag and drop list items successfully with nested lists

[sagewall]

[list] - unable to drag and drop list items successfully with nested lists

[driskull]

Managed to reproduce and debug from a built copy. PR will be incoming shortly.

[github-actions]

Installed and assigned for verification.

[geospatialem]

Verified in 2.10.0-next.7 🎉

[driskull]

@jcfranco when we patched sortable, we patched it with my assumed fix but not the correct fix that went into Sortable. We may need to re-patch.

[driskull]

Correct patch: https://github.com/SortableJS/Sortable/pull/2347/files

incorrect patch: https://github.com/Esri/calcite-design-system/blob/e26fce6c0a7fb3f37fd084176e8846e135df295b/patches/sortablejs%2B1.15.1.patch

[driskull]

I can't reproduce this on my iphone or iphone simulator. Is it only on chrome on Pixel 7? Or can it be reproduced on an ios device?

[geospatialem]

I can't reproduce this on my iphone or iphone simulator. Is it only on chrome on Pixel 7? Or can it be reproduced on an ios device?

@driskull In this example if you try to drag the nested item (the third item) containing additional nested items I was able to verify on my iPhone in Chrome:

IMG_0953.MP4

[driskull]

I can reproduce it in the codepen, even using chrome devtools with a mobile device enabled but I can't reproduce it with a local build.

[driskull]

@jcfranco I can't reproduce it when the local server is running. However, If I do a build and copy the dist files I can reproduce it. Any ideas on why that might be? Some sort of minify or patch problem?

[geospatialem]

Verified in 2.10.0-next.2 on iOS with Chrome:

verify.MP4

[geospatialem]

Re-opening the above to mitigate the third party library recommended approach.

[github-actions]

Installed and assigned for verification.