Issue with focus on Textfield with verticalContent

[gangreg]

Summary

When a TextField has vertical content, the focus is kept after clicking away from the TextField when going from no content in the vertical content to some content or from having content to no content. (Might be easier to understand what I mean after watching the example video).

Expected behavior

blur should happen whenever we click off the TextField even if there is verticalContent

Actual behavior

Wrap animated gifs/videos in a details tag:

Focus stays when clicking off the field when verticalContent is set on TextField

with-vertical-content.mp4

Focus works properly when there is no vertical content (not AutoComplete related)

without-vertical-content.mp4

Steps to reproduce

Link to sandbox

1. Type a word in the TextField
2. Press Enter
3. Clicking around does not blur the field
4. Now click into the field and write a second word
5. Press Enter
6. Now clicking off the field blurs it

Are you using React components?

Yes

Polaris version number

13.4.0

Browser

Chrome: 126.0.6478.127

Device

macOS 14.5