From 0a2f32a53d49cbf0db5eef0f7e24c9fb02e0830d Mon Sep 17 00:00:00 2001
From: pingan1927 <pengsencai1986@gmail.com>
Date: Fri, 7 Apr 2017 15:17:01 +0800
Subject: [PATCH] fix input textarea search autofocus bug

---
 .../__tests__/__snapshots__/demo.test.web.js.snap  |  2 +-
 components/input-item/demo/basic.md                |  2 +-
 components/input-item/index.web.tsx                |  4 ++--
 .../__tests__/__snapshots__/demo.test.web.js.snap  |  6 +++---
 components/search-bar/demo/basic.md                |  4 ++--
 components/search-bar/index.web.tsx                | 14 +++++++-------
 .../__tests__/__snapshots__/demo.test.web.js.snap  |  2 +-
 components/textarea-item/demo/basic.md             |  2 +-
 components/textarea-item/index.web.tsx             |  4 ++--
 9 files changed, 20 insertions(+), 20 deletions(-)

diff --git a/components/input-item/__tests__/__snapshots__/demo.test.web.js.snap b/components/input-item/__tests__/__snapshots__/demo.test.web.js.snap
index d08a8d6ff0..a854f88108 100644
--- a/components/input-item/__tests__/__snapshots__/demo.test.web.js.snap
+++ b/components/input-item/__tests__/__snapshots__/demo.test.web.js.snap
@@ -25,7 +25,7 @@ exports[`renders ./components/input-item/demo/basic.md correctly 1`] = `
           class="am-input-control"
         >
           <input
-            placeholder="自动获取光标"
+            placeholder="自动获取光标，支付宝客户端有效"
             type="text"
             value=""
           />
diff --git a/components/input-item/demo/basic.md b/components/input-item/demo/basic.md
index f890218764..1206c0c753 100644
--- a/components/input-item/demo/basic.md
+++ b/components/input-item/demo/basic.md
@@ -23,7 +23,7 @@ class BasicInputExample extends React.Component {
           <InputItem
             {...getFieldProps('autofocus')}
             clear
-            placeholder="自动获取光标"
+            placeholder="自动获取光标，支付宝客户端有效"
             autoFocus
           >标题</InputItem>
           <InputItem
diff --git a/components/input-item/index.web.tsx b/components/input-item/index.web.tsx
index 69b0d11828..87ec48c0fb 100644
--- a/components/input-item/index.web.tsx
+++ b/components/input-item/index.web.tsx
@@ -70,7 +70,7 @@ class InputItem extends React.Component<InputItemProps, any> {
   }
 
   componentDidMount() {
-    if (this.props.autoFocus || this.state.focused) {
+    if ((this.props.autoFocus || this.state.focused) && navigator.userAgent.indexOf('AlipayClient') > 0) {
       (this.refs as any).input.focus();
     }
   }
@@ -155,7 +155,7 @@ class InputItem extends React.Component<InputItemProps, any> {
         try {
           (document.activeElement as any).scrollIntoViewIfNeeded();
         } catch (e) { }
-      }, 0);
+      }, 100);
     }
   }
 
diff --git a/components/search-bar/__tests__/__snapshots__/demo.test.web.js.snap b/components/search-bar/__tests__/__snapshots__/demo.test.web.js.snap
index 8af880dbfc..e0c22c13b9 100644
--- a/components/search-bar/__tests__/__snapshots__/demo.test.web.js.snap
+++ b/components/search-bar/__tests__/__snapshots__/demo.test.web.js.snap
@@ -59,7 +59,7 @@ exports[`renders ./components/search-bar/demo/basic.md correctly 1`] = `
     <div
       class="sub-title"
     >
-      自动获取光标
+      自动获取光标，支付宝客户端有效
     </div>
   </div>
   <form
@@ -81,13 +81,13 @@ exports[`renders ./components/search-bar/demo/basic.md correctly 1`] = `
             class="am-search-synthetic-ph-placeholder"
             style="visibility:visible;"
           >
-            自动获取光标
+            自动获取光标，支付宝客户端有效
           </span>
         </span>
       </div>
       <input
         class="am-search-value"
-        placeholder="自动获取光标"
+        placeholder="自动获取光标，支付宝客户端有效"
         type="search"
         value=""
       />
diff --git a/components/search-bar/demo/basic.md b/components/search-bar/demo/basic.md
index c1ebfb8149..2b0579921b 100644
--- a/components/search-bar/demo/basic.md
+++ b/components/search-bar/demo/basic.md
@@ -24,8 +24,8 @@ class SearchBarExample extends React.Component {
       <WingBlank><div className="sub-title">普通</div></WingBlank>
       <SearchBar placeholder="搜索" />
       <WhiteSpace />
-      <WingBlank><div className="sub-title">自动获取光标</div></WingBlank>
-      <SearchBar placeholder="自动获取光标" autoFocus />
+      <WingBlank><div className="sub-title">自动获取光标，支付宝客户端有效</div></WingBlank>
+      <SearchBar placeholder="自动获取光标，支付宝客户端有效" autoFocus />
       <WhiteSpace />
       <WingBlank><div className="sub-title">手动获取获取光标</div></WingBlank>
       <SearchBar
diff --git a/components/search-bar/index.web.tsx b/components/search-bar/index.web.tsx
index 1f27c77f7b..3d702751d4 100644
--- a/components/search-bar/index.web.tsx
+++ b/components/search-bar/index.web.tsx
@@ -29,7 +29,7 @@ export default class SearchBar extends React.Component<SearchBarProps, SearchBar
   componentDidMount() {
     const initBtn = window.getComputedStyle(this.refs.rightBtn);
     this.rightBtnInitMarginleft = initBtn['margin-left'];
-    if (this.props.autoFocus || this.state.focused) {
+    if ((this.props.autoFocus || this.state.focused) && navigator.userAgent.indexOf('AlipayClient') > 0) {
       (this.refs as any).searchInput.focus();
     }
     this.componentDidUpdate();
@@ -112,7 +112,7 @@ export default class SearchBar extends React.Component<SearchBarProps, SearchBar
         try {
           (document.activeElement as any).scrollIntoViewIfNeeded();
         } catch (e) { }
-      }, 0);
+      }, 100);
     }
   };
 
@@ -121,12 +121,12 @@ export default class SearchBar extends React.Component<SearchBarProps, SearchBar
       this.setState({
         focus: false,
       });
-      if (!('focused' in this.props)) {
-        this.setState({
-          focused: false,
-        });
-      }
     }, 0);
+    if (!('focused' in this.props)) {
+      this.setState({
+        focused: false,
+      });
+    }
     if (this.props.onBlur) {
       this.props.onBlur();
     }
diff --git a/components/textarea-item/__tests__/__snapshots__/demo.test.web.js.snap b/components/textarea-item/__tests__/__snapshots__/demo.test.web.js.snap
index 8fca2c8da9..d241890bc3 100644
--- a/components/textarea-item/__tests__/__snapshots__/demo.test.web.js.snap
+++ b/components/textarea-item/__tests__/__snapshots__/demo.test.web.js.snap
@@ -26,7 +26,7 @@ exports[`renders ./components/textarea-item/demo/basic.md correctly 1`] = `
         >
           <textarea
             data-seed="logId"
-            placeholder="自动获取光标"
+            placeholder="自动获取光标，支付宝客户端有效"
             rows="1"
           />
         </div>
diff --git a/components/textarea-item/demo/basic.md b/components/textarea-item/demo/basic.md
index 963d618546..7a0ee7e502 100644
--- a/components/textarea-item/demo/basic.md
+++ b/components/textarea-item/demo/basic.md
@@ -22,7 +22,7 @@ class TextareaItemExample extends React.Component {
         <List renderHeader={() => '自定义获取光标'}>
           <TextareaItem
             title="标题"
-            placeholder="自动获取光标"
+            placeholder="自动获取光标，支付宝客户端有效"
             data-seed="logId"
             autoFocus
             autoHeight
diff --git a/components/textarea-item/index.web.tsx b/components/textarea-item/index.web.tsx
index 5d76d311de..352c57f9c2 100644
--- a/components/textarea-item/index.web.tsx
+++ b/components/textarea-item/index.web.tsx
@@ -49,7 +49,7 @@ export default class TextareaItem extends React.Component<TextareaItemProps, Tex
 
   componentDidMount() {
     this.componentDidUpdate();
-    if (this.props.autoFocus || this.state.focused) {
+    if ((this.props.autoFocus || this.state.focused) && navigator.userAgent.indexOf('AlipayClient') > 0) {
       (this.refs as any).textarea.focus();
     }
   }
@@ -136,7 +136,7 @@ export default class TextareaItem extends React.Component<TextareaItemProps, Tex
         try {
           (document.activeElement as any).scrollIntoViewIfNeeded();
         } catch (e) { }
-      }, 0);
+      }, 100);
     }
   };