TexInput money mask allow typing forbidden symbols

Mask applied only on blur and doesn't prevent you from typing letters.
I guess, it has something to do with the wire:model not working properly with Alpine.
It works properly when there's no property "balance" in Livewire\Component class to bind to. But then form validation doesn't work.

Forms\Components\TextInput::make('balance')
   ->numeric()
   ->mask(RawJs::make(<<<'JS'
      $money($input, '.', '')
   JS)),

Forms\Components\TextInput::make('balance')
   ->numeric()
   ->mask(RawJs::make(<<<'JS'
      $money($input, '.', '')
   JS)),

Forms\Components\TextInput::make('balance')
   ->numeric()
   ->mask(RawJs::make(<<<'JS'
      $money($input, '.', '')
   JS)),

Forms\Components\TextInput::make('balance')
   ->numeric()
   ->mask(RawJs::make(<<<'JS'
      $money($input, '.', '')
   JS)),

Solution

firefox issue, I agree

Jump to solution

TexInput money mask allow typing forbidden symbols

Similar Threads

Similar Threads

Similar Threads