Modal doesn't work #4085

CzachurskiVeronica · 2024-03-08T14:24:14Z

CzachurskiVeronica
Mar 8, 2024

I'm working in Livewire 3.x, I'm trying to insert Alpine js for the events.
This is the version of Alpinejs in the folder app.blade.js

    <!-- Alpine Plugins -->
<script defer src="https://cdn.jsdelivr.net/npm/@alpinejs/[email protected]/dist/cdn.min.js"></script>

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

In the view for the route tipos/tipos.blade.php i call the component to create tipos

<body class="antialiased font-sans bg-gray-200">
        <div class="container mx-auto px-4 sm:px-8">
            <div class="py-8">
                <div>
                    <h2 class="text-2xl font-semibold leading-tight">TIPOS</h2>
                </div>
                <div class="px-6 py-4 flex items-center">
                    <x-input class="flex-1 mr-4" placeholder="Búsqueda por sigla/nombre" type="text" wire:model.live="search" />
                    @livewire('tipos.create-tipos')
                </div>

When the page loads the modal is always open. But when I click on the button the modal doesn't open. I have to make changes but i don't know which ones

joshhanley · 2024-03-08T19:57:02Z

joshhanley
Mar 8, 2024
Maintainer

@CzachurskiVeronica Livewire v3 already comes bundled with Alpine so you need to remove your Alpine script tags as it will be conflicting.

0 replies

ekwoka · 2024-03-09T09:01:19Z

ekwoka
Mar 9, 2024

your x-show expression is incorrect

open = true sets open to true. It does not check if open is true.

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Uh oh!

Modal doesn't work #4085

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Replies: 2 comments

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

Uh oh!

Modal doesn't work #4085

Uh oh!

Uh oh!

CzachurskiVeronica Mar 8, 2024

Replies: 2 comments

Uh oh!

joshhanley Mar 8, 2024 Maintainer

Uh oh!

ekwoka Mar 9, 2024

CzachurskiVeronica
Mar 8, 2024

joshhanley
Mar 8, 2024
Maintainer

ekwoka
Mar 9, 2024