[html] runtime error: props `undefined` in `<For>`

[trusktr]

Describe the bug

A <For> loop's props become undefined when a different has a textContent interpolation site.

Your Example Website or App

https://playground.solidjs.com/anonymous/b2f0f6af-64e6-4076-9778-c474624a1e3e

Steps to Reproduce the Bug or Issue

1. see the playground link
2. notice it has an error Uncaught TypeError: Cannot use 'in' operator to search for 'fallback' in undefined because props passed into the For component is undefined
3. remove the <style> tag and the error goes away.

Expected behavior

The For shouldn't be broken.

Screenshots or Videos

Platform

• OS: macOS
• Browser: Chrome/Safari
• Version: 144/26

Additional context

Looks like this is specific to html. I can't reproduce with JSX:

https://playground.solidjs.com/anonymous/813a4dc5-31b8-4bbc-9acc-036da13224d4

[trusktr]

Using prop:innerHTML=${css} also doesn't work:

https://playground.solidjs.com/anonymous/11e26b0a-1f50-45e7-8b88-e53bfbd6608c

Also unable to work around it with a ref:

https://playground.solidjs.com/anonymous/13eba240-19e0-4a37-af36-db3be03335b7

That last one might be related to

• [html] closing tag with component renders extra ">" character in output ryansolid/dom-expressions#156

EDIT: changing </${For}> to </> does indeed fix the original problem, and both of the previous workarounds:

https://playground.solidjs.com/anonymous/6bd38876-effd-40e5-9bf8-341652e6bf99

https://playground.solidjs.com/anonymous/0f622ce3-52c9-41a3-bf17-1ebf9a0f5c8a

https://playground.solidjs.com/anonymous/a0100001-45a8-481d-9894-cfbf7c051249

[trusktr]

It would be nice to have a new template tag function using a new approach. Here's a PR going in a direction that @titoBouzout, @danielrkling, generally approve of:

• sld-dom-expressions ryansolid/dom-expressions#478