Navbar search dropdown does not appear if user starts a search on page load

Summary

When starting a search in the top navbar during/soon after page load, the dropdown which shows the scopes and autocomplete options does not appear unless the user focuses away from the search field and back again.

Steps to reproduce

1. Reload a page where the topnav search bar is present
2. Immediately focus/click into the search field (throttling network speed in inspector tools can make this more apparent)
3. Notice – no dropdown appears ❌
4. Start typing – still no dropdown ❌
5. Focus away from search field and back again
6. Now the dropdown appears ✅

What is the current bug behavior?

The dropdown does not appear when immediately focusing/clicking into search field on page load.

• Additionally, the shortcut icon is still visible while the search field is focused (and should not be), and the clear icon is not visible as the user types.
• Focusing away from the search field and back again fixes the issue.

What is the expected correct behavior?

The dropdown should appear as well as provide autocomplete suggestions as they type. The shortcut icon should not be visible when the search field is in focus.

Relevant logs and/or screenshots