TextInput numeric fields are edited by mouse scrolling with ->live() method

Is there a way to disable this behavior? We need the fields to be live for live validation, but the mouse scrolling is really annoying
Solution:
Try commenting it and see if it still occurs. By the way, you can use ->rules(['numeric']) which still apply the rule but remove the arrows on the input....
Jump to solution
9 Replies
LeandroFerreira
LeandroFerreira6mo ago
Does it happen only when it is live ?
hentiru
hentiruOP6mo ago
Yes, either with live(onBlur: true) or live(onBlur: false)
awcodes
awcodes6mo ago
This is at the browser level and not anything to do with filament. Apparently there’s a way to disable it with JS, but no simple attribute to disable it.
micraux
micraux6mo ago
Are you using ->numeric()?
hentiru
hentiruOP6mo ago
yes I'm using ->numeric()
Solution
micraux
micraux6mo ago
Try commenting it and see if it still occurs. By the way, you can use ->rules(['numeric']) which still apply the rule but remove the arrows on the input.
hentiru
hentiruOP6mo ago
Thank you very much! It worked!
micraux
micraux6mo ago
You're welcome: happy to help! Dont' forget to mark your question as solved!
hentiru
hentiruOP6mo ago
Thanks! I was going to ask if I had to do it or it was admin's responsability!
Want results from more Discord servers?
Add your server