scriptex/html-head-component

All elements from the HEAD are moved to BODY?!

Closed this issue · 1 comments

Danny-Engelman commented

All other elements after <html-head-component> in the HEAD are now moved to the BODY by your element, Why is that?

scriptex commented

Hi @Danny-Engelman. Can you please provide more details about your use case? Like example code or repo or a codepen where I can see how you use the custom element?

Edit: After a quick search I found that custom elements cannot be used in the <head> of the HTML document. I would suggest moving the custom element in the <body>. This won't affect the rendering of all tags as they will be appended to the <head>. You also don't need to worry about possible layout changes as the custom element does not occupy any space and renders nothing visible. Still, if you experience layout issues, you might want to add a hidden attribute and/or place it directly in your <body> tag, like this:

<body>
<html-head-component src="./data.json"></html-head-component>

...more code
</body>

I have updated the README to reflect this information. Thank you for this!

If you need any other help, I will be happy to give a hand so feel free to comment here.