Table Modal Action disappears

I have a custom table action, that shows a modal with an audio control, I am using the modelContent method to set a custom view, the view code is this one
<div x-ignore ax-load ax-load-src="{{ \Filament\Support\Facades\FilamentAsset::getAlpineComponentSrc('sip-client') }}"
x-data="sipClient({
state: {
spyUser: '{{ @$spy_user }}',
spyPass: '{{ @$spy_pass }}',
spyExtension: '{{ @$spy_extension }}',
target: '{{ @$record->sipnum }}',
closeModalID: '{{ @$close_modal_id }}',
}
})">
{{ $record->channel ?? '' }}

<audio id="chspyaudio" controls style="width: 100%">
<p>Your browser does not support the audio element</p>
</audio>
</div>
<div x-ignore ax-load ax-load-src="{{ \Filament\Support\Facades\FilamentAsset::getAlpineComponentSrc('sip-client') }}"
x-data="sipClient({
state: {
spyUser: '{{ @$spy_user }}',
spyPass: '{{ @$spy_pass }}',
spyExtension: '{{ @$spy_extension }}',
target: '{{ @$record->sipnum }}',
closeModalID: '{{ @$close_modal_id }}',
}
})">
{{ $record->channel ?? '' }}

<audio id="chspyaudio" controls style="width: 100%">
<p>Your browser does not support the audio element</p>
</audio>
</div>
The modal is displayed briefly and then disappears. Javascript code is just a async function that uses sip.js. Help me please.
0 Replies
No replies yetBe the first to reply to this messageJoin

Did you find this page helpful?