Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

305
Views
Inputmask overwrite userTyping flag when pressed 'Backspace' or 'Delete' buttons

I use https://github.com/RobinHerbots/Inputmask with antd InputNumber

My code:

function InputNumberWithComma({ step, ...restProps }) {
  const ONLY_NUMBERS_REGEXP = '^-?\\d*[.,]?\\d*$';

  const inputNumberRef = useRef();

  useEffect(() => {
    Inputmask({ regex: ONLY_NUMBERS_REGEXP }).mask(inputNumberRef.current);
  }, []);

  const formatter = (value, { userTyping } = {}) => {
    console.log('qq11', value, 'userTyping: ', userTyping);

    return value;
  };

  return <InputNumber {...restProps} step={step} formatter={formatter} ref={inputNumberRef} />;
}

I've wrote few numbers in input. I got userTyping === true inside formatter funtion . But when I press backspace userTyping === false. If I remove Inputmask component and try press backspace again I'll get userTyping === true. Is there solution when InputMask doesn't overwrite userTyping state from InputNumber for backspace and delete buttons?

about 4 years ago · Juan Pablo Isaza
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!