fix(QItem): improve click behavior on ios in non-desktop mode quasarf…

…ramework#13619
pdanpdan · Mar 31, 2023 · cb5cc05 · cb5cc05
1 parent 7a045ab
commit cb5cc05
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/ui/src/components/item/QItem.js b/ui/src/components/item/QItem.js
@@ -73,6 +73,12 @@ export default Vue.extend({
       }
     },
 
+    needsIosWorkaround () {
+      const { is } = this.$q.platform
+      return this.linkTag === 'label' && is.ios === true && is.iosDesktop !== true &&
+        (is.standalone === true || is.nativeMobile === true)
+    },
+
     onEvents () {
       return {
         ...this.qListeners,
@@ -86,13 +92,14 @@ export default Vue.extend({
   methods: {
     __onClick (e) {
       if (this.isClickable === true) {
+        this.needsIosWorkaround === true && this.$el.click()
         this.__refocus()
         this.__navigateOnClick(e)
       }
     },
 
     __onFocus (e) {
-      this.isClickable === true && this.__refocus()
+      this.isClickable === true && this.needsIosWorkaround !== true && this.__refocus()
       this.qListeners.focus !== void 0 && this.$emit('focus', e)
     },