Can't listen to events on a custom field

I am dispatching event from an action that's inside an action form. The event is listened from a random method in the same resource form properly. But when I try to listen to it from the custom field in the same form it doesn't work. The custom field is like below:

 <div 
        x-data="{
            progress: 55,
            updateText: ''
        }"
        
        x-on:progress-update="alert('lol')"
        >
        <progress :value="progress" max="100"></progress>
        <span class="text-sm" x-html="updateText"></span>
    </div>

 <div 
        x-data="{
            progress: 55,
            updateText: ''
        }"
        
        x-on:progress-update="alert('lol')"
        >
        <progress :value="progress" max="100"></progress>
        <span class="text-sm" x-html="updateText"></span>
    </div>

the alert does not work. Any idea why? Thanks

Filament•2y ago

Masea

Can't listen to events on a custom field

 <div 
        x-data="{
            progress: 55,
            updateText: ''
        }"
        
        x-on:progress-update="alert('lol')"
        >
        <progress :value="progress" max="100"></progress>
        <span class="text-sm" x-html="updateText"></span>
    </div>

 <div 
        x-data="{
            progress: 55,
            updateText: ''
        }"
        
        x-on:progress-update="alert('lol')"
        >
        <progress :value="progress" max="100"></progress>
        <span class="text-sm" x-html="updateText"></span>
    </div>

the alert does not work. Any idea why? Thanks

Can't listen to events on a custom field

Similar Threads

Can't listen to events on a custom field

Similar Threads

Similar Threads

Similar Threads