laravel - Filament php modal is not working correctly - Stack Overflow

admin管理员组

文章数量:1356340

I have a problem with modal in Filament PHP that installed for a Laravel project.

In whole admin panel modals dialog is not showing but only modal transparent background shows up.

To clarification major customization that I implemented on filament admin panels are:

• filapanel/classic-theme installed.
• althinect/filament-spatie-roles-permissions Installed.
• And I change panel admin model from \App\Models\User to \App\Models\Admin.

And I checked rendered HTML code from browser Inspection Element Section:

<div x-show="isOpen" x-transition.duration.300ms.opacity=""
    class="fixed inset-0 z-40 min-h-full overflow-y-auto overflow-x-hidden transition flex items-center">
    <div aria-hidden="true" x-on:click="$dispatch('close-modal', { id: 'sVttJcBXUY2PvsaJXQmH-form-component-action' })"
        class="fi-modal-close-overlay fixed inset-0 bg-gray-950 dark:bg-gray-950 cursor-pointer"
        style="will-change: transform"></div>

    <div x-ref="modalContainer" class="pointer-events-none relative w-full transition my-auto p-4"
        x-on:modal-closed.stop="const mountedFormComponentActionShouldOpenModal = false


            if (mountedFormComponentActionShouldOpenModal) {
                $wire.unmountFormComponentAction(false)
            }">
        <div x-data="{ isShown: true }" x-init="
                $nextTick(() => {
                    isShown = isOpen
                    $watch('isOpen', () => (isShown = isOpen))
                })
            "
            x-on:keydown.window.escape="$dispatch('close-modal', { id: 'sVttJcBXUY2PvsaJXQmH-form-component-action' })"
            x-show="isShown" x-transition:enter="duration-300" x-transition:leave="duration-300"
            x-transition:enter-start="scale-95" x-transition:enter-end="scale-100" x-transition:leave-start="scale-95"
            x-transition:leave-end="scale-100" class="" data-has-alpine-state="true" style="display: none;">
            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->

            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->

            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
        </div>
    </div>
</div>

I have no idea what is problem. I need to resolve these problems.

If need more information please tell me to share that.

本文标签： laravelFilament php modal is not working correctlyStack Overflow