unable to search or type the text input focus changes while typing

[biplavmz]

Have you read the Contributing Guidelines on issues?

• I have read the Contributing Guidelines on issues.

Prerequisites

• I'm using the latest version of Docusaurus.
• I have tried the npm run clear or yarn clear command.
• I have tried rm -rf node_modules yarn.lock package-lock.json and re-installing packages.
• I have tried creating a repro with https://new.docusaurus.io.
• I have read the console error message carefully (if applicable).

Description

unable to search or type the text input focus changes while typing

Docusaurus.Site.Showcase._.Docusaurus.-.Profile.1.-.Microsoft_.Edge.2023-08-20.16-55-49.mp4

Reproducible demo

No response

Steps to reproduce

go to the website and click on showcase and start typing on search for site name

Expected behavior

able to write the text on enter or after 2sec

Actual behavior

able to write the text after that search will happen

Your environment

• Public source code:
• Public site URL:
• Docusaurus version used:
• Environment name and version (e.g. Chrome 89, Node.js 16.4):
• Operating system and version (e.g. Ubuntu 20.04.2 LTS):

Self-service

• I'd be willing to fix this bug myself.

[Noothan-am]

/attempt #9248

[biplavmz]

hii @slorber @Josh-Cena please look into this issue pls assign me this issue i would like to work on it.

[slorber]

@biplavmz please submit a PR, we don't assign small issues here. First draft PR will be the one I'm more likely to merge.

Hint: <SearchBar> should be moved outside <ShowcaseCards>

[Noothan-am]

hey @slorber, the issue is fixed. and i have linked the pr.