Results displays an incorrect title in Safari
- Dominant language
- TypeScript
- Stars
- 4.4k
- Forks
- 439
- Avg merge
- 14h 32m
- Merged PRs (30d)
- 19
Description
## Description
The displayed title of a `Results` section can be different for the same search result in Safari or Chrome/Firefox. We noticed this issue in our [iOS docs](https://img.ly/docs/pesdk/ios/getting-started/integration/swift-package-manager) for the search term `output`.
There are situations where the titles are consistent between both browsers but will become inconsistent once you continue to type your search term. I also noticed situations where titles were incorrect until Safari updated the UI and displayed the correct titles afterward.
Chrome:

Safari:

This issue can also be reproduced if you search on other sites like https://docusaurus.io
Chrome:

Safari:

## Steps to reproduce
1. Go to https://docusaurus.io
2. Click on `Search`
3. Enter `out` in the Input
## Expected behavior
The titles should be:
- API
- Markdown Features
- Plugins
- Guides
- Migrating from v1 to v2
## Actual behavior
The titles are:
- API
- API
- Plugins
- Blog
- Plugins
## Environment
- OS: macOS
- Browser: Safari
- DocSearch version: `"@docsearch/react": "3.1.1"`
Contributor guide
Research direction
Start by reproducing the issue with @docsearch/react 3.1.1 in Safari and Chrome on docusaurus.io, searching for "out" and then continuing to type. Trace the Results section's title rendering and search-result updates; done means the expected titles remain consistent across both browsers while typing.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend, search
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100