Fix some problems of AutoCompelete demo (ant-design#4942)

+ close ant-design#4912
synsuman · Feb 19, 2017 · 7a4080e · 7a4080e
1 parent b90237e
commit 7a4080e
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 7 deletions.
diff --git a/components/auto-complete/demo/uncertain-category.md b/components/auto-complete/demo/uncertain-category.md
@@ -47,7 +47,7 @@ function renderOption(item) {
         {item.category}
       </a>
       区块中
-      <span style={{ float: 'right' }}>约 {item.count} 个结果</span>
+      <span className="global-search-item-count">约 {item.count} 个结果</span>
     </Option>
   );
 }
@@ -128,11 +128,17 @@ ReactDOM.render(<Complete />, mountNode);
 }
 
 .global-search.ant-select-auto-complete .ant-input-preSuffix-wrapper .ant-input-suffix {
-  right: 0;
+  right: 1px;
 }
 
 .global-search.ant-select-auto-complete .ant-input-preSuffix-wrapper .ant-input-suffix button {
+  border-radius: 3px;
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
+
+.global-search-item-count {
+ position: absolute;
+ right: 16px;
+}
 ````
diff --git a/components/auto-complete/index.en-US.md b/components/auto-complete/index.en-US.md
@@ -1,7 +1,7 @@
 ---
 category: Components
 type: Data Entry
-cols: 1
+cols: 2
 title: AutoComplete
 ---
 

diff --git a/components/auto-complete/index.tsx b/components/auto-complete/index.tsx
@@ -39,17 +39,18 @@ export interface AutoCompleteProps extends AbstractSelectProps {
 }
 
 class InputElement extends React.Component<any, any> {
-  private ele: Element;
+  private ele: HTMLInputElement;
+
   focus = () => {
-    (findDOMNode(this.ele) as HTMLInputElement).focus();
+    this.ele.focus ? this.ele.focus() : (findDOMNode(this.ele) as HTMLInputElement).focus();
   }
   blur = () => {
-    (findDOMNode(this.ele) as HTMLInputElement).blur();
+    this.ele.blur ? this.ele.blur() : (findDOMNode(this.ele) as HTMLInputElement).blur();
   }
   render() {
     return React.cloneElement(this.props.children, {
       ...this.props,
-      ref: ele => this.ele = ele,
+      ref: ele => this.ele = (ele as HTMLInputElement),
     }, null);
   }
 }