Live Fragment Issue

[skethan]

I am having issues if I update the view with fragments. Eg: https://stackblitz.com/edit/vitejs-vite-uj6g1b?file=main.jsx

[tsugabloom]

This isn't an issue with Sinuous - it's how document fragments work: https://developer.mozilla.org/en-US/docs/Web/API/DocumentFragment#usage_notes says:

[It's common to] insert the fragment into the DOM using Node interface methods such as appendChild(), append(), or insertBefore(). Doing this moves the fragment's nodes into the DOM, leaving behind an empty DocumentFragment.

Note that Sinuous will silently append items of arrays so <div>{[1,2,3]}</div> is <div>1 2 3</div> (as text nodes in this case). This means <>{n}</> will create a document fragment and then append each element of n into it, which empties the fragments (see above MDN quote).

You can see this in your browser console:

The first log, before rendering, shows items in the fragment. Immediately after calling <App/>, those fragments are now empty.

[tsugabloom]

Using real elements will work for you, since calling Node methods (append, appendChild, etc) will move the element around.

[kethan]

@heyheyhello yes thanks i understood.