You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
When reordering items in an array field (via drag-and-drop) and then deleting any item from the list, a ghost item is occasionally created. This ghost item is visible in the UI but disappears only after a full page reload.
output.video-cutter-js.com.mp4
As shown in the video, after removing the item at index 24, it reappears as a ghost entry.
One important observation: the issue does not reproduce when autosave is disabled, which suggests the bug may be related to the autosave mechanism interfering with the array field's state after a reorder + delete sequence.
Describe the Bug
When reordering items in an array field (via drag-and-drop) and then deleting any item from the list, a ghost item is occasionally created. This ghost item is visible in the UI but disappears only after a full page reload.
output.video-cutter-js.com.mp4
As shown in the video, after removing the item at index 24, it reappears as a ghost entry.
One important observation: the issue does not reproduce when autosave is disabled, which suggests the bug may be related to the autosave mechanism interfering with the array field's state after a reorder + delete sequence.
Link to the code that reproduces this issue
https://github.com/ed-cscosta/payload-array-field-ghost
Reproduction Steps
Which area(s) are affected?
area: ui
Environment Info