[Bug]: State bug breaking search and eventually freezing up

Summary

I’m on chrome on my iPhone and search works sometimes, but then on certain URLs, like the one linked on this issue, tapping to search just makes the button appear to be held down with no other effect. Trying repeatedly can freeze up the tab.

Page

https://react.dev/reference/react/Component#static-getderivedstatefromerror

Details

If it’s failing to pull up the search UI, and I go and click a link to go somewhere else in the docs, it suddenly does open up search instead of navigating there. If I close it without actually searching, it does continue navigation to the link I tapped. Depending on the new url I’m on, it may then work normally, or this same behavior again. It appears as if it may be happening when the current url is pointing to a named anchor. It’s only happening to me on mobile - it works fine on desktop trying the exact same thing, on the same urls.

首先，使用链接的 React 文档页面和带有命名锚点的 URL，在 iPhone 上的 Chrome 中重现该问题。跟踪这些锚点附近的移动端搜索和链接导航行为；当搜索能够可靠打开、链接能够正常导航，并且重复尝试不再使标签页冻结时，即表示完成。