fix(QField): unexpected data clearing with "clearable" prop enabled #…

…17113
quasarframework · May 8, 2024 · 899d55a · 899d55a
1 parent 41bc5e7
commit 899d55a
Showing 1 changed file with 7 additions and 4 deletions.
diff --git a/ui/src/composables/private.use-field/use-field.js b/ui/src/composables/private.use-field/use-field.js
@@ -352,6 +352,10 @@ export default function (state) {
     })
   }
 
+  function onClearableKeyup (evt) {
+    [ 13, 32 ].includes(evt.keyCode) && clearValue(evt)
+  }
+
   function getContent () {
     const node = []
 
@@ -390,12 +394,11 @@ export default function (state) {
         getInnerAppendNode('inner-clearable-append', [
           h(QIcon, {
             class: 'q-field__focusable-action',
-            tag: 'button',
             name: props.clearIcon || $q.iconSet.field.clear,
             tabindex: 0,
-            type: 'button',
-            'aria-hidden': null,
-            role: null,
+            role: 'button',
+            'aria-label': $q.lang.label.clear,
+            onKeyup: onClearableKeyup,
             onClick: clearValue
           })
         ])