search

alpine-collective / alpinejs-devtools

Chrome/Firefox DevTools extension for debugging Alpine.js applications.
MIT License
531 stars 18 forks source link

alpine devtools fails when x-data is on a <form> element #292

Closed JeremyJaydan closed 1 month ago

JeremyJaydan commented 3 years ago

I encountered the following error, I think it's from x-data being on a <form> element: Uncaught DOMException: Failed to execute 'postMessage' on 'Window': HTMLInputElement object could not be cloned. image image

When I moved my x-data from the form to a parent element the error went away & everything seems to work.

I assume if this is the case, it could be some sort of privacy reason with html forms. I'm ok with my workaround either way, feel free to close.

HugoDF commented 3 years ago

I'll have a look, thanks for reporting this issue.

mattgrul commented 1 year ago

I have encounterd this same error recently, it seems to be as above when the x-data is on the form tag AND you have an input field with the name="id".

If you change the name="id" to anything other than id then the issue goes away....?