Search field is not focused after being opened

[timagixe]

Intended outcome:
Search field is being focused right after being opened.

Actual outcome:
Search field is being focused only when opened two or more times.

How to reproduce the issue:

1. open https://www.apollographql.com/docs/react/
2. click on search
3. search field is not focused
4. close search field
5. click on search field
6. search field is now focused

1. open https://www.apollographql.com/docs/react/
2. cmd + k
3. search field is not focused
4. close search field
5. cmd + k again
6. search field is now focused

Screen recording

Screen.Recording.2022-04-09.at.11.17.56.PM.mp4

Versions
Safari - Version 14.1.2 (14611.3.10.1.7)
Chrome - Version 99.0.4844.84 (Official Build) (x86_64)