Characters are removed on browser auto-fill

Hi, when I use the auto fill function of my browser the input field removes characters (see the video).

Forms\Components\TextInput::make('title')
  ->label(__('Titel'))
  ->helperText(__('Dieser Titel wird auf der Website angezeigt um das Produkt zu vermarkten.'))
  ->required()
  ->live(debounce: 500)
  ->afterStateUpdated(function (Forms\Get $get, Forms\Set $set, ?string $old, ?string $state) {
    if (($get('slug') ?? '') !== Str::slug($old)) {
      return;
    }

    $set('slug', Str::slug($state));
  }),

Forms\Components\TextInput::make('title')
  ->label(__('Titel'))
  ->helperText(__('Dieser Titel wird auf der Website angezeigt um das Produkt zu vermarkten.'))
  ->required()
  ->live(debounce: 500)
  ->afterStateUpdated(function (Forms\Get $get, Forms\Set $set, ?string $old, ?string $state) {
    if (($get('slug') ?? '') !== Str::slug($old)) {
      return;
    }

    $set('slug', Str::slug($state));
  }),

Solution:

One possible solution may be to use ->live(onBlur: true) I guess 🤔

Jump to solution

2 Replies

Solution

dissto•7mo ago

One possible solution may be to use ->live(onBlur: true) I guess 🤔

alexanderkroneisOP•7mo ago

✅ thanks!

Gaming

Programming

Characters are removed on browser auto-fill