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')}