Merge pull request #498 from bindoon/fix-select

fix(Select): use mouse to select text. Close #469
alibaba-fusion · Mar 26, 2019 · a59fe24 · a59fe24
2 parents f7b7409 + d474b7a
commit a59fe24
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/docs/select/demo/basic.md b/docs/select/demo/basic.md
@@ -21,12 +21,15 @@ const Option = Select.Option;
 const onChange = function (value) {
     console.log(value);
 };
+const onBlur = function (e) {
+    console.log(/onblur/,e);
+};
 
 const onToggleHighlightItem = function (item, type) {
     console.log(item, type);
 };
 
-ReactDOM.render(<Select id="basic-demo" onChange={onChange} onToggleHighlightItem={onToggleHighlightItem} defaultValue="jack" aria-label="name is" showSearch hasClear>
+ReactDOM.render(<Select id="basic-demo" onChange={onChange} onBlur={onBlur} onToggleHighlightItem={onToggleHighlightItem} defaultValue="jack" aria-label="name is" showSearch hasClear>
     <Option value="jack">Jack</Option>
     <Option value="frank">Frank</Option>
     <Option value="hugo">Hugo</Option>

diff --git a/src/select/select.jsx b/src/select/select.jsx
@@ -712,7 +712,10 @@ class Select extends Base {
      * @returns
      */
     handleWrapClick = e => {
-        e.preventDefault();
+        // ignore click on input to choose text
+        if (e.target.nodeName !== 'INPUT') {
+            e.preventDefault();
+        }
         this.focusInput();
     };