FilamentF
Filament•2y ago
SirFat

Password (and other fields) truncates themselves on screen (possibly due to live())

Hi, I'm after some guidance on how best to debug this.
When entering a password (or some text inputs) the field appears to auto-truncate itself. I can see it performing an 'update' AJAX call at the same time it occurs.

I thought it was just me, but people helping test have seen it as well (see https://internal-development.asmorphic.com/ (register). I have upgraded, cleared all caches, put it in production mode but I experience the same symptom.

The password field is basically the vanilla register field with strength detection from the Laravel Daily team. 

            ->live()
            ->password()
            ->label(__('filament-panels::pages/auth/register.form.password.label'))
            ->required()
            ->rule(Password::default())
            ->dehydrateStateUsing(fn ($state) => Hash::make($state))
            ->same('passwordConfirmation')
            ->revealable(filament()->arePasswordsRevealable())
            ->validationAttribute(__('filament-panels::pages/auth/register.form.password.validation_attribute'))
            ->afterStateUpdated(function ($state, Set $set) {
                if (empty($state)) {
                    return;
                }
                $score = (new Zxcvbn())->passwordStrength($state)['score'];
                $set('strengthScore', $score);
                $this->dispatch('update-score', score: $score);
            }
Was this page helpful?