ToggleButtons problem can anyone check if the multiple option is still working?

If you create a simple ToggleButtons field like this

Forms\Components\ToggleButtons::make('test')
  ->multiple()
  ->options([
      'one', 'two', 'three', 'four', 'five',
  ]),

Forms\Components\ToggleButtons::make('test')
  ->multiple()
  ->options([
      'one', 'two', 'three', 'four', 'five',
  ]),

If I click "two" everything is selected? If I inspect the livewire data... the test is null instead of [] Am I missing something?

13 Replies

TallyOP•6mo ago

Filament v3.2.83 Laravel Framework 11.8.0

awcodes•6mo ago

The options need to be an array of value => label

TallyOP•6mo ago

Hi Adam, Nope sorry not working as well... used the example in the docs to test this

Forms\Components\ToggleButtons::make('test')
    ->multiple()
    ->options([
        'tailwind' => 'Tailwind CSS',
        'alpine' => 'Alpine.js',
        'laravel' => 'Laravel',
        'livewire' => 'Laravel Livewire',
    ])

Forms\Components\ToggleButtons::make('test')
    ->multiple()
    ->options([
        'tailwind' => 'Tailwind CSS',
        'alpine' => 'Alpine.js',
        'laravel' => 'Laravel',
        'livewire' => 'Laravel Livewire',
    ])

https://filamentphp.com/docs/3.x/forms/fields/toggle-buttons#selecting-multiple-buttons

Toggle buttons - Form Builder - Filament

TallyOP•6mo ago

awcodes•6mo ago

Where are you using the component? Ina resource or a standalone livewire component.

TallyOP•6mo ago

in a resource.. just plain Filament in a test project

public static function form(Form $form): Form
    {
        return $form
            ->schema([
                Forms\Components\ToggleButtons::make('test')
                    ->multiple()
                    ->options([
                        'tailwind' => 'Tailwind CSS',
                        'alpine' => 'Alpine.js',
                        'laravel' => 'Laravel',
                        'livewire' => 'Laravel Livewire',
                    ])
            ]);
    }

public static function form(Form $form): Form
    {
        return $form
            ->schema([
                Forms\Components\ToggleButtons::make('test')
                    ->multiple()
                    ->options([
                        'tailwind' => 'Tailwind CSS',
                        'alpine' => 'Alpine.js',
                        'laravel' => 'Laravel',
                        'livewire' => 'Laravel Livewire',
                    ])
            ]);
    }

awcodes•6mo ago

Hmm. I haven’t seen any problems with them.

TallyOP•6mo ago

ok lemme ask a friend to check this in his project...

awcodes•6mo ago

ok, i'm seeing the same with multiple on v3.2.83. so it's gotta be a bug.

TallyOP•6mo ago

ok... pfieuw... was driving me mad thanks for checking

awcodes•6mo ago

no problem. please submit it on GitHub. 🙂

TallyOP•6mo ago

yes will do you woul not believe it... it works in the testrepo?? asked a friend of mine in his project... also seing the bug ok... narrowed it down... If I use a fieldname that does not exist in the database it works on create... but if you edit a resource it's not working anymore.. I think because it sets the value to null somewhere is there a use case you would use a fieldname which is not in the database? only for advanced purposes I think? is it handy to propose a change in the ToggleButtons field? or first post the bug repo (don't really know if it's a bug... feels like a bug) and then propose a PR with the fix? I changed

protected function setUp(): void
{
    parent::setUp();

    $this->default(function (ToggleButtons $component): mixed {
        return $component->isMultiple() ? [] : null;
    });
}

protected function setUp(): void
{
    parent::setUp();

    $this->default(function (ToggleButtons $component): mixed {
        return $component->isMultiple() ? [] : null;
    });
}

protected function setUp(): void
{
    parent::setUp();

    $this->afterStateHydrated(static function (ToggleButtons $component, $state): void {
        if ($component->isMultiple && is_null($state))
        {
            $component->state([]);
        }
    });

    $this->default(function (ToggleButtons $component): mixed {
        return $component->isMultiple() ? [] : null;
    });
}

protected function setUp(): void
{
    parent::setUp();

    $this->afterStateHydrated(static function (ToggleButtons $component, $state): void {
        if ($component->isMultiple && is_null($state))
        {
            $component->state([]);
        }
    });

    $this->default(function (ToggleButtons $component): mixed {
        return $component->isMultiple() ? [] : null;
    });
}

so if the value is null and it's a multiple field.. set the state to an empty string

TallyOP•6mo ago

we'll see... created the issue: https://github.com/filamentphp/filament/issues/12962

GitHub

Problem with multiple() in ToggleButtons · Issue #12962 · filamentp...

Package filament/filament Package Version v3.2.83 Laravel Version 11.8.0 Livewire Version No response PHP Version PHP 8.3.3 Problem description If I'm using the example from the docs Forms\Comp...

Gaming

Programming

ToggleButtons problem can anyone check if the multiple option is still working?