Skip to content

Items remain invisible when using svelte:element wrapper in Svelte v5 #640

@mdtomo

Description

@mdtomo

I recently upgraded to Svelte 5 and I'm using a $state class object to handle reactivity in my items array. During the drag events the consider and finalise events are fired correctly with what appears to be the correct item arrays including the state class objects mixed with the isDndShadow item plain object. The issue is that items that are dragged over (draggedOverIndex) are disappearing and sometimes remain invisible after the finalise event. The shadow element also does not retain the initial dimensions of the element it shadows. When inspecting the DOM the hidden elements have the attributes style="visibility: hidden;" and data-is-dnd-shadow-item-internal="true" present when those attributes should have been removed.

Although the shadow element is replaced with a plain object by this lib, the rest of the elements, including elements in the finalise event seem to be preserved as expected.

I'm not quite sure how to replicate the issue since many of the demo envs seems broken with CORS issues so the svelte-dnd-action isn't loaded in the Svelte playground. Hopefully this explains the issue.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions