# Nested forms in live components - causing invalid html

**URL:** <https://forum.elixirforum.com/t/nested-forms-in-live-components-causing-invalid-html/68596>\
**Category:** Questions\
**Tags:** phoenix, troubleshooting, liveview, live-view\
**Created:** [January 8, 2025, 7:44pm UTC](https://forum.elixirforum.com/t/nested-forms-in-live-components-causing-invalid-html/68596 "2025-01-08T19:44:46Z")\
**Posts on this page:** 1\
**Showing post:** 6

<div class="post-metadata">

**Author:** ![cmo](https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/cmo/32/19618_2.png) [@cmo](https://forum.elixirforum.com/u/cmo)\
**Post date:** [January 9, 2025, 6:24pm UTC](https://forum.elixirforum.com/t/nested-forms-in-live-components-causing-invalid-html/68596/6 "2025-01-09T18:24:15Z")

</div>

I don’t see why showing/hiding that modal or adding a link to the text should involve the backend. I would use a hook for the link adder.

You can look into using a self closing form tags for the outer form so that the editor form id not nested inside another.

---

_[View the full topic](https://forum.elixirforum.com/t/nested-forms-in-live-components-causing-invalid-html/68596)._