fix: input refocused after blur

[ThanoozN]

Describe the issue/change

In a huge app (my application has some 40+ controls and form management is done using Formik) and type some data in the react-number-format control and hit 'tab'/ go to some other control, then the focus goes back to the previous control this can be seen by entering a huge huge number in the example or a very small number in the huge app.

Add CodeSandbox link to illustrate the issue (If applicable)

Describe specs for failing cases if this is an issue (If applicable)

Describe the changes proposed/implemented in this PR

Debugged the issue and it narrowed down this line where the setTimeout execution was late so clearing this on blur and on unmount of the component to avoid a memory leak.

Link Github issue if this PR solved an existing issue

There was no such issue raised

Example usage (If applicable)

Type a huge huge number in the example app and hit 'tab' to observe the issue

Screenshot (If applicable)

Please check which browsers were used for testing

• Chrome
• Firefox
• Firefox (Android)
• Chrome (Android)
• Safari (OSX)
• Safari (iOS)

[s-yadav]

@ThanoozN The change looks good. Can you test for it.

[ThanoozN]

@ThanoozN The change looks good. Can you test for it.

hi @s-yadav,
all the unit tests were passing,
I've bundled the app after the fix and observed that the changes are working fine.
also, I entered some 1000+ digit number(to simulate) in the example app to verify the changes.

[s-yadav]

Sorry, Typo. I meant to add test cases for your change.

[dahaca]

What's the status of this PR? Is the merge planned?

[ThanoozN]

will work on a test case and update the PR

[ThanoozN]

Hi unable to test that scenario using unit tests.
can we push the commit like clearing the memory leak

[s-yadav]

Humm, I see your point. We will merge this.