Filament•3mo ago

Dashboard home page not fully loading

The widgets getting data from a eloquent aren't fully loading, the opacity keeps also changing as when it is loading. On my local it is working fine but when I transfer it to my server tis keeps happening.

8 Replies

Dan Harrin•3mo ago

Can you try reproducing this in a new app and opening an issue with a reproduction repository? i still cant reproduce personally, but try v3.2.104 as I think I can imagine a dom diffing issue that might cause this

Raged•3mo ago

Got the pulsing issue as well. Also the border of the panel doesn't fit the chart anymore. The pulsing issue is gone with 3.2.104 but panel still off. 3.2.102 everything works correctly.

Dan Harrin•3mo ago

Go into /vendor and replace the contents of loading-section.blade.php with

@php
    if ((! isset($columnSpan)) || (! is_array($columnSpan))) {
        $columnSpan = [
            'default' => $columnSpan ?? null,
        ];
    }

    if ((! isset($columnStart)) || (! is_array($columnStart))) {
        $columnStart = [
            'default' => $columnStart ?? null,
        ];
    }

    $height ??= '8rem';
@endphp

<x-filament::grid.column
    :default="$columnSpan['default'] ?? 1"
    :sm="$columnSpan['sm'] ?? null"
    :md="$columnSpan['md'] ?? null"
    :lg="$columnSpan['lg'] ?? null"
    :xl="$columnSpan['xl'] ?? null"
    :twoXl="$columnSpan['2xl'] ?? null"
    :defaultStart="$columnStart['default'] ?? null"
    :smStart="$columnStart['sm'] ?? null"
    :mdStart="$columnStart['md'] ?? null"
    :lgStart="$columnStart['lg'] ?? null"
    :xlStart="$columnStart['xl'] ?? null"
    :twoXlStart="$columnStart['2xl'] ?? null"
    wire:replace
    class="fi-loading-section"
>
    <x-filament::section class="animate-pulse" style="height: {{ $height }}" />
</x-filament::grid.column>

@php
    if ((! isset($columnSpan)) || (! is_array($columnSpan))) {
        $columnSpan = [
            'default' => $columnSpan ?? null,
        ];
    }

    if ((! isset($columnStart)) || (! is_array($columnStart))) {
        $columnStart = [
            'default' => $columnStart ?? null,
        ];
    }

    $height ??= '8rem';
@endphp

<x-filament::grid.column
    :default="$columnSpan['default'] ?? 1"
    :sm="$columnSpan['sm'] ?? null"
    :md="$columnSpan['md'] ?? null"
    :lg="$columnSpan['lg'] ?? null"
    :xl="$columnSpan['xl'] ?? null"
    :twoXl="$columnSpan['2xl'] ?? null"
    :defaultStart="$columnStart['default'] ?? null"
    :smStart="$columnStart['sm'] ?? null"
    :mdStart="$columnStart['md'] ?? null"
    :lgStart="$columnStart['lg'] ?? null"
    :xlStart="$columnStart['xl'] ?? null"
    :twoXlStart="$columnStart['2xl'] ?? null"
    wire:replace
    class="fi-loading-section"
>
    <x-filament::section class="animate-pulse" style="height: {{ $height }}" />
</x-filament::grid.column>

does it fix the problem?

Raged•3mo ago

Yes, this fixes both issues on 103 🙂

Matse•3mo ago

Where in /vendor can I find this file? I am looking for it but can't find it

Dan Harrin•3mo ago

you dont need to anymore, just update to 105

Matse•3mo ago

It has indeed been fixed! Thanks

Dan Harrin•3mo ago

105 also had issues with lazy relation managers, 106 reverts the original PR that caused all the problems and we will find a different solution

Gaming

Programming

Dashboard home page not fully loading