unsetField(), what exactly is data-felte-keep-on-remove ?

[squiba36]

I was trying to reproduce the tag (adding/removing from array) example. But the unsetField() was removing all items from tag array after the given index (including the index item).

The desired behaviour is obtained only after tag input has "data-felte-keep-on-remove". Can anyone tell what exactly this do and provide link to the relevant source code files.

[pablo-abc]

The source code that handles that is here. That attribute basically tells Felte to keep a field on its data object even if the DOM element is removed.

The reason why it can be finicky with unsetField is that it can conflict with keyed lists. I believe it causes no issues in Svelte if you leave the each block without a key?

Another thing is that the code linked runs in a MutationObserver, which removes the field when the DOM element is removed. Since unsetField removes the field from Felte's data store, and since the easiest approach to render these lists is by iterating over the values themselves (e.g. {#each data.items as item}), adding the data-felte-keep-on-remove is necessary for now.

There might be a way to prevent this from being necessary but I have not looked into it.

[squiba36]

Yes, it works fine if we leave the each block without the key.