solid
solid copied to clipboard
Dynamic + attr + custom element behavior is very erratic
Describe the bug
2 SolidJS concepts colliding with eachother:
- Dynamic
- Attr
For instance when using this code:
<Dynamic component={"my-custom-element"} data-awesome="true">
1. I'm a dynamic component without `attr:*`. Inspect element me. Expect:
No attributes.
</Dynamic>
<br />
<br />
<Dynamic component={"my-custom-element"} attr:data-awesome="true">
3. I'm a dynamic component with `attr:*`. Inspect element me. Expect:
Has attribute.
</Dynamic>
There's currently 3 unexpected behaviors that are happening when using the code above.
Your Example Website or App
https://github.com/Blankeos/mre-solid-attr-bug
Steps to Reproduce the Bug or Issue
-
Clone the repo https://github.com/Blankeos/mre-solid-attr-bug.git
-
npm run dev
-
Check the elements in inspect element.
-
When done, go to app.config.ts, and
ssr: true
-
Check the elements in inspect element.
-
When done, try checking when instead of "my-custom-element", this time just "div".
-
Check the elements in inspect element.
Expected behavior
- attr:data-something and the regular data-something to have the same results.
- Using attr:* on the server should not put
attr:something
on the rendered html as well.
Screenshots or Videos
No response
Platform
- OS: macOS
- Browser: Arc
- Version: 1.63.1 (54714)
Additional context
No response