[docs] Search dialog not fixed in Safari iOS

[bernardobelchior]

Steps to reproduce

Steps:

1. Open this link in Safari iOS: mui.com or next.mui.com
2. Scroll down
3. Open the search dialog from the navbar

Current behavior

The dialog is at the top of the page, so I need to scroll up to see it.

Expected behavior

The dialog should always be visible

Context

ScreenRecording_02-25-2025.11-05-41_1.mov

Your environment

iPhone 14 on iOS 18.3.1, but I was also able to reproduce on the iOS simulator using iPhone 16 on iOS 18.3.

Search keywords: search dialog, safari, ios

[hanszeng-chn]

It seems that the searchInput (class name: DocSearch-Input) is correctly auto-focused, but it does not cause the page to scroll to the input for some reason.
I tried to blur first, and then focus again. It works. I think this should be one of the solutions.
BTW, all these happen in @docsearch/react package.

[siriwatknp]

It seems that the searchInput (class name: DocSearch-Input) is correctly auto-focused, but it does not cause the page to scroll to the input for some reason. I tried to blur first, and then focus again. It works. I think this should be one of the solutions. BTW, all these happen in @docsearch/react package.

Thanks for the analysis. I mark this issue as external.