affficionado
Phoenix.HTML.Tag.tag nesting all tags underneath as its children
I’m using sveltex for frontend.
My layout looks like this:
<html>
<head>
...
</head>
<body>
<main role="main">
<%= Sveltex.render "paper/header", %{...}%>
<%= @inner_content %>
</main>
</body>
</html>
One would expect Phoenix.HTML.Tag.tag created by Sveltex.render to be siblings with @inner_content, but actually it takes liberty to declare @inner_content as its child; moreover, content of Svelte component itself gets included as a last child (.hero-head):
I was able to replicate this behaviour inserting Phoenix.HTML.Tag.tag directly. One workaround I found is to wrap tag with another div. Outer auxiliary div won’t show up in tree, and everything will work as expected. Is is well-defined behaviour or I’m missing some piece of tag functionality?
Marked As Solved
affficionado
Nevermind, looking at the tag source, it creates opening tag only, and henceforth DOM tree was in fact invalid. So closing tag needs to be put as well.
Also Liked
josevalim
What is likely happening is that something is forgetting to close an HTML tag, so the browser is guessing it and closing it in an unexpected way.
Popular in Questions
Other popular topics
Latest Phoenix Threads
Latest on Elixir Forum
Sponsor Spotlight
Catch errors, track performance, monitor hosts and more.
Categories:
Sub Categories:
Forums
Our Sponsors
Build Elixir applications with speed and confidence.
Supporting innovation across the BEAM ecosystem.
We build reliable cloud platforms for business-critical systems.
Catch errors, track performance, monitor hosts and more.
Practical resources that improve the lives of professional developers.
Develop your skills with books, videos, and courses.
Producing high quality Elixir screencasts since 2017.
Courses that'll move you from confusion to "Aha, now I get it!"