Erin Comments - Answer Overflow

Erin

Posts Comments

TLCTuto's Laravel Corner

•Created by Erin on 1/28/2024 in #💡filament

Sortable() and Searchable() not behaving as expected

Thanks for all your help Tuto!

17 replies

TLCTuto's Laravel Corner

•Created by Erin on 1/28/2024 in #💡filament

Sortable() and Searchable() not behaving as expected

I still am working on the layout issue with more than one slot, but that's less of a concern for my project.

17 replies

TLCTuto's Laravel Corner

•Created by Erin on 1/28/2024 in #💡filament

Sortable() and Searchable() not behaving as expected

Well, I've made some progress! I used a bit of Povilas' alpine.js conflict article, and I added

use Livewire\Attributes\Layout;
#[Layout('layouts.app')]

use Livewire\Attributes\Layout;
#[Layout('layouts.app')]

in my livewire component class. This fixed my sortable and searchable problem!

17 replies

TLCTuto's Laravel Corner

•Created by Erin on 1/28/2024 in #💡filament

Sortable() and Searchable() not behaving as expected

I found this article and am trying this out https://laraveldaily.com/post/livewire-3-laravel-breeze-error-alpine-js-conflict

17 replies

TLCTuto's Laravel Corner

•Created by Erin on 1/28/2024 in #💡filament

Sortable() and Searchable() not behaving as expected

Thank you for looking at this for me Tuto! The gist has been updated with the layout file https://gist.github.com/wrperin/e6181516c7606e1e352bc0d424cca6ad And yes, there are 8 console errors, may of the same error, thanks for having me check that! The console errors are about alpine js.

Alpine Expression Error: async-alpine.js?v=3.2.16.0:1 Cannot read properties of undefined (reading '$on')

Alpine Expression Error: async-alpine.js?v=3.2.16.0:1 Cannot read properties of undefined (reading '$on')

Alpine Warning: You async-alpine.js?v=3.2.16.0:1 can't use [x-trap] without first installing the "Focus" plugin here: https://alpinejs.dev/plugins/focus

Alpine Warning: You async-alpine.js?v=3.2.16.0:1 can't use [x-trap] without first installing the "Focus" plugin here: https://alpinejs.dev/plugins/focus

Uncaught TypeError: Cannot alpinejs.js?v=55c169fd:518 read properties of undefined (reading '$on')

Uncaught TypeError: Cannot alpinejs.js?v=55c169fd:518 read properties of undefined (reading '$on')

17 replies

TLCTuto's Laravel Corner

•Created by Erin on 1/28/2024 in #💡filament

Sortable() and Searchable() not behaving as expected

Thanks Tuto; I haven't attempted to update the layout file per the article you sent yet; however, I removed all the code except

<div class="p-6 text-gray-900 dark:text-gray-100">
  {{ $this->table }}
</div>

<div class="p-6 text-gray-900 dark:text-gray-100">
  {{ $this->table }}
</div>

in the

list-members.blade.php

list-members.blade.php

file. When I view the source in the browser, the correct layout with the @filamentScripts directive seems to be loaded because the last few lines of the page are

<!-- Livewire Scripts -->
<script src="/livewire/livewire.js?id=8ed4c109"   data-csrf="Lsz1EVMw9bH2VpcSoumUGJfBF9YYjn3x9GIUII9S" data-update-uri="/livewire/update" data-navigate-once="true"></script>

<!-- Livewire Scripts -->
<script src="/livewire/livewire.js?id=8ed4c109"   data-csrf="Lsz1EVMw9bH2VpcSoumUGJfBF9YYjn3x9GIUII9S" data-update-uri="/livewire/update" data-navigate-once="true"></script>

and yet the sorting and searching behaviors are not working.

17 replies

TLCTuto's Laravel Corner

•Created by Erin on 1/28/2024 in #💡filament

Sortable() and Searchable() not behaving as expected

Thanks Tuto, I haven't changed the global layout inside config/livewire.php (I don't have that file). And it is confusing to me which app.blade.php layout is being used; there is more than one of them and one does have the @filamentScripts and the other doesn't. I'll play around with that.

17 replies

Gaming

Programming