En mi sitio web tengo un cajón (un modal) que contiene un formulario con entradas dentro. Y cada vez que el usuario hace clic en las entradas, el navegador intenta centrarlas, pero dado que un cajón está absolutamente posicionado, desplaza el contenido subyacente en su lugar y salta el elemento absolutamente posicionado. Esto sucede en dispositivos iOS, tanto Chrome como Safari.

¿Hay alguna forma de arreglarlo? Todo lo que encontré en línea hasta ahora no funciona.

Aquí hay un codesandbox https://codesandbox.io/s/small-water-v1m1tq

Y aquí hay un gif

En realidad, este es un problema antiguo que no puedo solucionar durante mucho tiempo, pero recientemente noté que la noción tiene tales modales, y de alguna manera lograron solucionar este problema.

Este modal no tiene margen superior, pero no importa. Cambió el diseño para que sea como el de ellos, pero nada ayuda. Aquí hay un enlace: https://leather-colby-f69.notion.site/Job-Board-4323320545bb4484bfc1008cff34cebd