[LiveComponent] Prevent an input inside a <form> to trigger a re-render

[gremo]

I’m using the DaisyUI framework, which utilizes many <input type="checkbox"> elements in conjunction with CSS rules to render components like tabs and accordions without the need for JavaScript.

Within my live component, the main form is rendered. The form rendering splits the compound forms into tabs, which, as I mentioned, are displayed using a checkbox for each tab.

As soon as I click a tab, the content for that tab is displayed... but this triggers a re-render of the component, which is unnecessary. Adding data-live-ignore doesn’t help.

How would you completly ignore this input inside the <form>?

[smnandre]

https://symfony.com/bundles/ux-live-component/current/index.html#deferring-a-re-render-until-later