Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Can't watch field when using react-input-mask

See original GitHub issue

Describe the bug When using react-input-mask, the input stops working as soon as you watch the field.

To Reproduce Steps to reproduce the behavior:

Open the CodeSandbox.
Try typing in the first input: it works.
Try typing in the second input: you can’t type.

Codesandbox link https://codesandbox.io/s/exciting-germain-73xe4

Expected behavior The second input should work just like the first one.

Desktop:

OS: Linux
Browser: Chrome
Version: 78

Issue Analytics

State:
Created 4 years ago
Comments:12 (8 by maintainers)

Top GitHub Comments

1reaction

gustavopchcommented, Nov 18, 2019

@bluebill1049 I’ve replicated your last suggestion. It doesn’t work well, try typing in the second input: https://codesandbox.io/s/admiring-glade-b5p7k

1reaction

gustavopchcommented, Nov 18, 2019

I understand. Thanks @bluebill1049. I don’t know if you want to keep this issue open while you investigate further. You may close it if you want.

Just as a side note: maybe you should think about adding masking capabilities to this lib. 🤔

Top Results From Across the Web

Cannot use react-input-mask with a children component in ...

So I cannot pass a TextField as a children for InputMask component. I also tried this solution: <InputMask mask="(0)999 999 99 99" value={phone} ......

Implementing react-input-mask for web apps - LogRocket Blog

Learn how to avoid transcription errors in React using input masks, which provide user-friendly constraints for your user input fields.

[InputMask React] Numeric input mask is working, but the ...

Hello, When I use the "MaskNumber" in our application the input mask works on the input field, but the input value is not...

React Text Field component - Material UI - MUI

The TextField wrapper component is a complete form control including a label, input, and help text. It comes with three variants: outlined (default), ......

Control data entry formats with input masks - Microsoft Support

Add an input mask to a table field using the Input Mask Wizard · In the Navigation Pane, right-click the table and click...