Search box is not visible in Safari iOS

[batosai]

Description

The search box is not visible when opened after scrolling to the bottom of the page.
I noticed that it was displayed outside the screen at the top of the page
More, the overlay blocks scrolling back to the top of the page.

Steps to reproduce

1. In safari iOS
2. Scroll bottom
3. Open search

Reproduction in sites :

• edge-components: https://edge-components.jrmc.dev/
• adonisJS: https://docs.adonisjs.com/guides/introduction
• edgeJS: https://edgejs.dev/docs/introduction
• Lucid orm: https://lucid.adonisjs.com/docs/introduction

Environment

• OS: iOS 17.4.1
• Browser: Safari
• DocSearch version: 3.6.0

[randombeeper]

Hello @batosai , I just checked this on my 17.5.1 ipad in Safari and don't see this behavior. Can you recheck to be sure it's still working like this for you?

[batosai]

Hi,
I've just checked
It's ok for iPad, not iPhone.

[benface]

This is a pretty serious issue that even occurs on the DocSearch website itself. Go here on an iPhone (running iOS 18.3; not sure if that changes anything), scroll down a bit, then click the search button in the top right corner. The search modal appears outside the viewport, and worse: it is sometimes impossible to scroll up to see it because the scroll gets locked when the modal is open. 😅