I'm making a game using liveview and I have a checkbox that hides or shows an element. Currently I have it bound to a liveview event that toggles a boolean "minimize" assign, and the hidden element just checks that assign via :if to see if it needs to be shown.
This works 99% of the time but I keep getting reports from players that in the 1% of the time, toggling the checkbox completely breaks the page. I think this is due to network error or something because I have reproduced it before, just not consistently, and it's definitely a 1% heisenbug kind of thing.
Because of this I'd like to switch the checkbox to a pure CSS "checkbox hack" thing to avoid the network, which should be trivial, but unfortunately putting a vanilla checkbox in liveview makes it un-togglable. Its checked state is always false. I believe this is because I don't have checked={@minimize} on the checkbox anymore, so the liveview thinks the checkbox should be unchecked forever.
Is there a way to release the checkbox checked state from the LiveView control so that it lets the browser determine the checked state? (e.g. in my browser all checkboxes stay checked when you refresh the page)