[4.x] Alpine Expression Error: textareaFormComponent is not defined

[GlitterCakes]

Package

filament/filament

Package Version

v4.0.18

Laravel Version

v12.30.1

Livewire Version

v3.6.4

PHP Version

PHP 8.3.13

Problem description

There is an intermittent issue with the following error displaying, at least in FireFox. Sometimes it happens sometimes it doesn't. It seems to happen less often in the reproduction repo that I made for this issue report.

I think this might be some kind of race condition. You may have to refresh with the console open a couple times for it to display.

Expected behavior

It just, shouldn't error out. It would work "as expected".

Steps to reproduce

I'm attaching the simplest possible way to replicate this. Also attaching a link to a repo.

Filament Page class

<?php

namespace App\Filament\Pages;

use Filament\Forms\Components\Textarea;
use Filament\Forms\Components\TextInput;
use Filament\Pages\Page;
use Filament\Schemas\Schema;
use Filament\Support\RawJs;

class Test extends Page
{
    protected static string $routePath = '/test';

    protected string $view = 'filament.pages.test';

    public ?array $data = [];

    public function mount(): void
    {
        $this->form->fill([
            'price' => '1234.56',
        ]);
    }

    public function form(Schema $schema): Schema
    {
        return $schema
            ->components([
                TextInput::make('price')
                    ->mask(RawJs::make('$money($input)'))
                    ->live(),
                Textarea::make('description'),
            ])
            ->statePath('data');
    }
}

Filament Page View

<x-filament-panels::page>
    <form wire:submit="create">
        {{ $this->form }}
    </form>

    <x-filament-actions::modals />
</x-filament-panels::page>

Reproduction repository (issue will be closed if this is not valid)

https://github.com/GlitterCakes/filament-bug-report

Relevant log output

[danharrin]

Is there a consistent way to trigger this, ie "clear the browser cache and on the next request it will error"

[GlitterCakes]

Not that I can determine, clearing the cache doesn't seem to help or hinder. There may be an obscure race condition of some sort.

If it helps, I noticed that if you don't fill the value as we are doing in the example repo, the issue doesn't occur.

[lanz1]

I have a similar error in livewire.js in various pages:

Alpine Expression Error: filamentDropdown is not defined
 
Expression: "filamentDropdown"

Alpine Expression Error: isProcessing is not defined

Expression: "{ 'fi-processing': isProcessing }"

Alpine Expression Error: filamentFormButton is not defined

Expression: "filamentFormButton"

I am getting it only in prod env but cannot recreate it locally in any way (both are containers, one built locally and the prod one via aws CodeBuild).

[plitaev]

I encountered this error too, looks like its appear when i run git pull for install my project updates or run artisan commands
Reinstalling Filament via composer or clearing the browser cache helps.

The exact cause of the error has not yet been identified.