Prerequisites

• I have searched for duplicate or closed issues
• I have validated any HTML to avoid common problems
• I have read the contributing guidelines

Describe the issue

Search Bar Not Displaying on Second Use:

Initially, the search bar works as expected and displays the search input.
Upon attempting to use the search bar a second time, the search bar does not appear even though typing and searching still function in the background.

Screen Freeze on Double Click:

If the search icon is double-clicked, the entire screen freezes . We have to click back to come to normal state.

Steps to Reproduce:

On a small phone device, click on the search icon.

1. Enter a search term and observe the search bar displaying correctly.
2. Perform a search.
3. Click on the search icon again.
4. Notice that the search bar does not display, although typing and searching still occur.
5. Double click the search icon.
6. Observe that the screen freezes

Expected Behavior:

The search bar should display each time it is clicked.
The screen should not freeze upon double-clicking the search icon.

https://github.com/twbs/bootstrap/assets/145287513/eae214f7-5da6-4ec8-b8ce-737d5c4a8e54
https://github.com/twbs/bootstrap/assets/145287513/36eedc8c-34ec-466e-8592-34b5a4587907

Reduced test cases

https://codepen.io/2107-Dev-Gajjar/pen/QWROmzR

What operating system(s) are you seeing the problem on?

Android

What browser(s) are you seeing the problem on?

Chrome, Microsoft Edge

What version of Bootstrap are you using?

https://getbootstrap.com/