From 537e80e37af8329066bfd466e38580ef214fe44c Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@youzan.com>
Date: Wed, 1 Apr 2020 18:15:23 +0800
Subject: [PATCH] fix(Stepper): readonly not work in lagacy mobile safari
 (#5976)

---
 src/field/index.js   | 2 +-
 src/stepper/index.js | 7 +++++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/field/index.js b/src/field/index.js
index b29c825d2..ace306953 100644
--- a/src/field/index.js
+++ b/src/field/index.js
@@ -315,7 +315,7 @@ export default createComponent({
       this.focused = true;
       this.$emit('focus', event);
 
-      // hack for safari
+      // readonly not work in lagacy mobile safari
       /* istanbul ignore if */
       if (this.readonly) {
         this.blur();
diff --git a/src/stepper/index.js b/src/stepper/index.js
index 12fa1ea48..158b5e5a5 100644
--- a/src/stepper/index.js
+++ b/src/stepper/index.js
@@ -208,6 +208,12 @@ export default createComponent({
 
     onFocus(event) {
       this.$emit('focus', event);
+
+      // readonly not work in lagacy mobile safari
+      /* istanbul ignore if */
+      if (this.disableInput && this.$refs.input) {
+        this.$refs.input.blur();
+      }
     },
 
     onBlur(event) {
@@ -280,6 +286,7 @@ export default createComponent({
           {...createListeners('minus')}
         />
         <input
+          ref="input"
           type={this.integer ? 'tel' : 'text'}
           role="spinbutton"
           class={bem('input')}