when setting options , uncaught type error apears

[eric8810]

dom tree be like
<div class="user-list" v-sortable="{ options: { handle: '.handle', animation: 200, easing: 'cubic-bezier(0.65, 0, 0.35, 1)' } }" @end="onOrderChange" > <div class="user-list-item" v-for="user in renderList" :key="user.uid"> <div class="handle"> <AIcon category="general" name="drag-dot-vertical"></AIcon> </div> <img class="user-head" :src="user.headIconUrl" /> <div class="user-name">{{ user.nickname }}</div> </div> </div>

Error Message:

Uncaught TypeError: Cannot read properties of null (reading 'options') /node_modules/.vite/deps/vue3-sortablejs.js?v=1770eda3:773:39 TypeError: Cannot read properties of null (reading 'options') at http://192.168.111.212:8080/node_modules/.vite/deps/vue3-sortablejs.js?v=1770eda3:773:39 at Array.some (<anonymous>) at _detectNearestEmptySortable2 (http://192.168.111.212:8080/node_modules/.vite/deps/vue3-sortablejs.js?v=1770eda3:772:13) at HTMLDocument.nearestEmptyInsertDetectEvent2 (http://192.168.111.212:8080/node_modules/.vite/deps/vue3-sortablejs.js?v=1770eda3:838:19)

[eliottvincent]

Hey @eric8810 ! I somewhat didn't see your issue. I will check this over the week-end and let you know :)

[eliottvincent]

So I tested your example and it works fine on my side. Can you provide me with a reproduction link?

[Elgorm]

when the renderList changes, this error occurs.

[eliottvincent]

Hey @eric8810 @Elgorm , I tried to reproduce but I don't not encounter such issue.
Please provide a reproduction example so I can further investigate and fix a potential bug :)

[eric8810]

I'd make a reproduce demo today

[Elgorm]

I wanted to make an example, only on vue, but without a backend there is no error, the error occurs when 2 identical lists are on the same page and the data after sorting comes over the network updating both lists.

[eliottvincent]

Hey @Elgorm ! You can still provide an example, just mock your backend behavior.

[eliottvincent]

Closing for inactivity. Feel free to re-open if needed.