[DOCS] Search is not working on mobile

[ThibaultVlacich]

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

It's impossible to use the search field of the new docs on mobile (Safari on iOS).

When I touch the search field, keyboard is not opening.

IMG_0910.MOV

Reduced test cases

N/A

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

iOS

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

Safari

What version of Bootstrap are you using?

N/A

[mdo]

@GeoSot @julien-deramond I think we changed something here between beta and stable. Any ideas?

[julien-deramond]

This regression comes from 713d714.
We had this issue before in #36307 so something is not compatible with what we did before.

[GeoSot]

FocusTrap blocks everything outside offcanvas :/

Choices:

• find a way to open algolia inside offcanvas Wrapper
• add data-bs-backdrop="false"

[julien-deramond]

With data-bs-backdrop="false" we get the same result than before. Might be a quick win.
However, something doesn't work very well, when the search modal is closed by Escape key, the offcanvas doesn't get the focus automatically.

[mdo]

Maybe we move the search out of offcanvas and keep it visible at all times?

[mdo]

Example of search being outside the offcanvas:

[GeoSot]

I would prefer it, as it is the most frequent functionality I use (and sidesolves the problem)