¿Hay una manera de alejar una página en React después de que la página se acercó porque se enfocó una <input> ? Imagine un componente simple como el siguiente: Me gustaría alejar el envío del formulario.

 const Component = (props) =>{ const handleSubmit = (e) => { e.preventDefault(); //Zoom out } return( <form onSubmit={handleSubmit}> <input/> <button>Sign in</button> </form> ); }

Importante:

NO quiero desactivar el efecto de acercamiento. Descubrí que al establecer maximum-scale=1 o al establecer el tamaño de fuente en 16 px, puedo desactivarlo [ Enlace aquí ], pero ese no es el comportamiento que quiero para mi página.