#FusedGroup visual inconsistency

4 messages · Page 1 of 1 (latest)

modern willow
#

So i noticed that if you use FusedGroup insde a Section the background color of the other inputs do not match which creates visual inconsistency (my guess it's caused by box-shadow).

It can only be seen when using the dark mode.

I recreated it on Filament v4 DEMO repo at app/Filament/Resources/Blog/Links/Schemas/LinkForm.php

Code to recreate:

    public static function configure(Schema $schema): Schema
    {
        return $schema
            ->components([
                Section::make()
                    ->schema([
                        FusedGroup::make()
                            ->schema([
                                TextInput::make('title')
                                    ->maxLength(255)
                                    ->required(),
                                ColorPicker::make('color')
                                    ->required()
                                    ->hex()
                                    ->hexColor(),
                            ])
                            ->label('Test')
                            ->columns(2),
                Textarea::make('description')
                    ->maxLength(1024)
                    ->required()
                    ->columnSpanFull(),
                TextInput::make('url')
                    ->label('URL')
                    ->required()
                    ->maxLength(255)
                    ->columnSpanFull(),
                SpatieMediaLibraryFileUpload::make('image')
                    ->collection('link-images')
                    ->acceptedFileTypes(['image/jpeg']),
                    ]),
            ]);
    }
old ivyBOT
#

To help others find answers, you can mark your question as solved via Right click solution message -> Apps -> ✅ Mark Solution

lost folio
#

Can you please open an issue on GitHub?

modern willow