¿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.
Puede activar esto dentro de su método handleSubmit() para restablecer el zoom al 100%:
window.document.body.style.zoom = 1;Tenga en cuenta que esto no funcionará en Firefox según caniuse: https://caniuse.com/css-zoom