Field loses focus after keystroke

[dmvtech]

Describe the bug

When clicking into the Allow Interruptions field and then typing a character, the focus is lost after the first key stroke. I do not know all fields this is limited to. In my case, I am hitting the 'delete' key on my keyboard. But I am hitting the delete key multiple times (as i'm intending to delete multiple characters). This is a disastrous situation in my case as the focus then goes to the central designer pane and then the delete key deletes my prompt that I have created and configured already.

Version

Version: 2.1.0-nightly.264266.2a99641
Electron: 8.2.4
Chrome: 80.0.3987.165
NodeJS: 12.13.0
V8: 8.0.426.27-electron.0

Browser

• Electron distribution
• Chrome
• Safari
• Firefox
• Edge

OS

• macOS
• Windows
• Ubuntu

To Reproduce

Steps to reproduce the behavior:

1. Create an expression in the Allow interruptions field
2. Click away (say to center/designer pane) and then back to "save" (this does not reproduce if you have just entered in the expression.
3. Click into the field to edit
4. Hit any keystroke
5. Notice focus is lost

Expected behavior

Field does not lose cursor/keyboard focus.

Screenshots

Additional context

It's not just the 'delete' key, but any key. As far as I can tell. Here is a screenshot of hitting the 't' key. The t character is entered, focus is lost (and the suggestion/intelisense is shown)

[dmvtech]

Possibly related?: #8491 (keystrokes and focus)

[tonyanziano]

Can you see if this reproduces in the web build?

[dmvtech]

Yes @tonyanziano It reproduces with my build of 2.1.0 and Microsoft Edge Version 92.0.902.73 (Official build) (64-bit).

[tonyanziano]

Seems like this is not an Electron issue then, and could be a React re-rendering issue.