fix(QInput): re-emit keydown and animationend events #11120 (#14866)

quasarframework · Nov 14, 2022 · 27d49ae · 27d49ae
1 parent 1b7b63b
commit 27d49ae
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/ui/src/components/input/QInput.js b/ui/src/components/input/QInput.js
@@ -40,7 +40,8 @@ export default createComponent({
 
   emits: [
     ...useFieldEmits,
-    'paste', 'change'
+    'paste', 'change',
+    'keydown', 'animationend'
   ],
 
   setup (props, { emit, attrs }) {
@@ -98,7 +99,7 @@ export default createComponent({
       }
 
       if (props.autogrow === true) {
-        evt.onAnimationend = adjustHeight
+        evt.onAnimationend = onAnimationend
       }
 
       return evt
@@ -253,6 +254,11 @@ export default createComponent({
       props.autogrow === true && adjustHeight()
     }
 
+    function onAnimationend (e) {
+      emit('animationend', e)
+      adjustHeight()
+    }
+
     function emitValue (val, stopWatcher) {
       emitValueFn = () => {
         if (

diff --git a/ui/src/components/input/use-mask.js b/ui/src/components/input/use-mask.js
@@ -420,6 +420,8 @@ export default function (props, emit, emitValue, inputRef) {
   }
 
   function onMaskedKeydown (e) {
+    emit('keydown', e)
+
     if (shouldIgnoreKey(e) === true) {
       return
     }