Tengo un botón y un área de texto, que es invisible. Cuando se hace clic en el botón, aparece el área de texto y se enfoca, el teclado aparece en ios (Safari) y la pantalla se desplaza correctamente al área de texto.

Sin embargo, si envuelvo el área de texto con el componente de transición, la pantalla no se desplaza al área de texto y aparece detrás del teclado. Por favor, indique cómo podría tener un enfoque correcto con la transición.

yo uso vue 2.6.10

ejemplo de código: https://jsitor.com/ZGmF0GPpqO