x-on:click not working without an x-data on el or parent el. #3805
-
|
I have been wracking my brain all day trying to figure out why my app I am building using htmx and the
So I set out to get a minimal reproduction and I have one here: https://codepen.io/joshmanders/pen/rNoRZOG?editors=1011 As you can see nothing on the page except two buttons and the script tag. The first button uses Is this a bug or do I not realize that a root |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 8 replies
-
|
It's in the docs. x-data defines the scope of an Alpine component. Anything not inside x-data (except x init as an exception) is not checked as being Alpine. |
Beta Was this translation helpful? Give feedback.
-
|
i cannot find it inside the docs section of 'x-on' perhaps it's hidden somewhere @ekwoka ? |
Beta Was this translation helpful? Give feedback.
-
|
however, in the docs section of `x-data' it says 'Everything in Alpine starts with the x-data directive.' this could be interpreted as many things |
Beta Was this translation helpful? Give feedback.
-
|
It could use some clarification, for sure. 🤔 Maybe a more robust getting started. |
Beta Was this translation helpful? Give feedback.
-
|
I think this should be a really big font size and also mention that it is also needed by many plugin directives to work such as x-sort. Because in x-sort examples like this, there is no x-data in the code so I just assumed it wasn't needed and ended up wasting a lot of time. |
Beta Was this translation helpful? Give feedback.
-
|
I did make a PR to add a note to every page. It was merged. But I guess i didn't do it on x-sort. Idk man. People got a read |
Beta Was this translation helpful? Give feedback.
It's in the docs.
x-data defines the scope of an Alpine component.
Anything not inside x-data (except x init as an exception) is not checked as being Alpine.