Rerender component after change value and lost focus

Question

Rerender component after change value and lost focus

Dobroeutro1 opened this issue 10 months ago · comments

Describe the issue and the actual behavior

Hello. I faced such problem. After entering the value in the input, my focus disappears. As a result of debugging, I found that the reason is the re-rendering of the input component after entering one character. Could you tell me what is the reason for this behavior.

I also noticed that this behavior appears if you build the project in webpack production mode. There is no such problem in development mode.

Describe the expected behavior

I expect focus to be saved when entering a value in an input

Provide steps to reproduce this issue

Please check the browsers where the issue is seen

Sudhanshu Yadav · Answer 1 · Sat Aug 05 2023 17:06:21 GMT+0800 (China Standard Time)

I suspect some additional thing is happening on your parent component. most likely you are breaking rule of reconciliation, can't say to confirm with the provided code.

Artem · Answer 2 · Mon Aug 07 2023 23:16:15 GMT+0800 (China Standard Time)

Nothing else happens in my parent component. It simply renders the PatternFormat, sets up the state, and handles the state change.

Sudhanshu Yadav · Answer 3 · Mon Aug 14 2023 01:13:10 GMT+0800 (China Standard Time)

It would be easy for me to tell the reason if you can provide some repro link.

Also can you confirm, if something similar is not happening in your case.
#785

Also, can you tell which version are you using?

Hemant Gogia · Answer 4 · Wed Feb 28 2024 19:46:56 GMT+0800 (China Standard Time)

Same thing is happening with me only in webpack production. I am using 5.3.1.