x-ignore seems to not work if inner-tag has x-data and x-text both internal to it

[abhishekkr]

Hi,

I'm just few days into using AlpineJS, first of all thanks for all the work.

I'm not really sure if my understanding is correct here.. but in my interpretation from the docs, nothing alpine related within a tag should be invoked if it's marked with x-ignore directive.

I was trying simple blocks to understand.. and the piece below

 <div x-ignore>                                                            
    x-ignore to avoid Alpine init                                           
    <span x-data="{message: 'this should not be visible'}" x-text="message"></span>
 </div>

renders following

x-ignore to avoid Alpine init this should not be visible

I'm utilizing following script tag to make use of it..

<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/cdn.min.js"></script>

If this is a wrong bug report, please close this issue.

[ekwoka]

So this is a kind of weird thing, basically, if you don't have x-ignore IN an x-data context, it is not considered. If you put x-data on the x-ignore element (or around it) it will be handled correctly...

Example: https://awesomealpine.com/play?share=-nnl46-TEd37

I'm not sure if it reasonably makes sense to add x-ignore as a root element just to handle ensuring it is seen before trying to initialize the underlying x-data...

[abhishekkr]

Got it, thanks. I'll make use of it that way.

I'm curious to if this was intended flow of x-ingore behavior; or if it just came to be like this.

[ekwoka]

I'm not totally sure.

It's in that realm of "probably should work how you expect" but maybe there is a specific case that makes that bad. I'll need to look more at some stuff.

I think the primary reason is just to make the Alpine.start code ignorant of different directives entirely. Like it isn't even "aware" of x-data and x-init. So some changes would be needed to handle similar behavior that can handle x-ignore....

Or...maybe we can just make x-ignore count as a root directive 🤔