Fix#3000 and Fix inputItem make Picker unable to click in Wechat with…

… IOS12; (#3017) * fix ios wechat inputItem with Picker; * fix #3000 issue in input-item,search-bar,textarea-item;
ant-design · Mar 20, 2019 · 9359453 · 9359453
1 parent cd3d06e
commit 9359453
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 0 deletions.
diff --git a/components/input-item/index.tsx b/components/input-item/index.tsx
@@ -185,6 +185,13 @@ class InputItem extends React.Component<InputItemProps, any> {
       }, 200);
     }
     if (this.props.onBlur) {
+      // fix autoFocus item blur with flash
+      setTimeout(() => {
+        // fix ios12 wechat browser click failure after input
+        if (document.body) {
+          document.body.scrollTop = document.body.scrollTop;
+        }
+      },100);
       this.props.onBlur(value);
     }
   }

diff --git a/components/search-bar/index.tsx b/components/search-bar/index.tsx
@@ -164,6 +164,13 @@ export default class SearchBar extends React.Component<
       this.blurFromOnClear = false;
     });
     if (this.props.onBlur) {
+      // fix autoFocus item blur with flash
+      setTimeout(() => {
+        // fix ios12 wechat browser click failure after input
+        if (document.body) {
+          document.body.scrollTop = document.body.scrollTop;
+        }
+      },100);
       this.props.onBlur();
     }
   }

diff --git a/components/textarea-item/index.tsx b/components/textarea-item/index.tsx
@@ -137,6 +137,13 @@ export default class TextareaItem extends React.Component<
     }, 100);
     const value = e.currentTarget.value;
     if (this.props.onBlur) {
+      // fix autoFocus item blur with flash
+      setTimeout(() => {
+        // fix ios12 wechat browser click failure after input
+        if (document.body) {
+          document.body.scrollTop = document.body.scrollTop;
+        }
+      },100);
       this.props.onBlur(value);
     }
   }