Text input in a modal dialog loses focus

[eringram]

Describe the bug (current behavior)

In a modal component with a text input, each time a character is entered, the input box loses focus such that the cursor is no longer blinking in the input and you have to click on it again to type another character. This only occurs with inputs in the Modal component, and I was able to work around it by switching to a Dialog component. It also doesn't occur when the input is directly on a page (not in a modal).

I noticed it happening with @itwin/itwinui-react version 3.17.0, but It doesn't happen with 3.17.0-dev.1. It also happens with 3.16.0, but I haven't tested any other older versions.

Expected Behavior

The text input in a modal will stay in focus when you type.

Link to minimal repro

https://stackblitz.com/edit/github-p4dxfcdf?file=src%2FApp.tsx

Steps To Reproduce

1. In a text input in a modal component, try to type out a word
2. Observe that when you type one letter, the input loses focus and you must click it again to continue typing

Package Version

• I'm using the latest version of iTwinUI.

Anything else?

No response