Soy un nuevo aprendiz en desarrollo web. Entonces, lo siento si esta pregunta te confunde con lo que quiero decir.

Encontré un problema cuando vi mi página web en versión móvil en el formulario textarea. cada vez que hago clic en el área del campo para llenarlo y hago clic en el botón al lado. el teclado siempre cierra el área del campo de texto y hace que la vista detrás de él se aleje.

Por cierto, configuré el formulario de posición en relativo.

esto adjunto la vista antes y después de hacer clic en ella.

foto antes
foto despues

y este es el código para el html y css que uso (avíseme si esto necesita ser resuelto por jquery y javascript):

 <div class="newslatter"> <form> <input type="email" name="email" id="mail" placeholder="Enter Your Email" autofocus required> <input type="submit" name="submit" value="Let's Start !"> </form> </div>

para el css:

 .newslatter form { width: 380px; max-width: 100%; position: relative; } .newslatter form input:first-child { display: inline-block; width: 100%; padding: 14px 130px 14px 15px; border: 3px solid var(--main-color); outline: none; border-radius: 30px; } .newslatter form input:last-child { position: absolute; display: inline-block; outline: none; border: none; background-color: var(--main-color); color: white; border-radius: 30px; padding: 10px 30px; box-shadow: 0 0 5px #000, 0 0 15px #858585; top: 7px; right: 6px; cursor: pointer; transform: 0.5s; } .newslatter form input:last-child:hover { transform: scale(0.95); }