bug: Keyboard expansion unable to push bottom elements about ionic-framework

[JACKZGGG]

This is an example I wrote as documented, and it only triggered the event twice, and I couldn't set the translateY value of the input in real time

`

ceshi

input:
<ion-input
class="message-input"
inputmode="email"
@mousedown.stop
>

<script setup> import { IonPage, IonItem, IonLabel, IonInput, onIonViewDidEnter } from '@ionic/vue'; onIonViewDidEnter(()=>{ const input = document.querySelector('ion-input'); window.addEventListener('ionKeyboardDidShow', ev => { const { keyboardHeight } = ev.detail; console.log('ionKeyboardDidShow', keyboardHeight); input.style.setProperty( 'transform', `translate3d(0, -${keyboardHeight}px, 0)`, ); }); window.addEventListener('ionKeyboardDidHide', () => { console.log('ionKeyboardDidHide'); input.style.removeProperty('transform'); }); }) </script>`