fix: Search focus lost compositing status (#548)

* fix: compositin status lost when search to open dropdown

close ant-design/ant-design#26790

* Add test case

Author: afc163

examples/single.tsx

@@ -66,15 +66,14 @@ class Test extends React.Component {
             id="my-select"
             value={value}
             placeholder="placeholder"
-            showSearch={false}
+            showSearch
             style={{ width: 500 }}
             onBlur={this.onBlur}
             onFocus={this.onFocus}
             onSearch={this.onSearch}
             allowClear
             optionFilterProp="text"
             onChange={this.onChange}
-            backfill
             onPopupScroll={() => {
               console.log('Scroll!');
             }}

src/Selector/SingleSelector.tsx

@@ -40,7 +40,7 @@ const SingleSelector: React.FC<SelectorProps> = props => {
   const [inputChanged, setInputChanged] = React.useState(false);
 
   const combobox = mode === 'combobox';
-  const inputEditable = combobox || (showSearch && open);
+  const inputEditable = combobox || showSearch;
   const item = values[0];
 
   let inputValue: string = searchValue || '';

tests/Select.test.tsx

@@ -243,6 +243,21 @@ describe('Select.Basic', () => {
     expect(findSelection(wrapper).text()).toBe('1');
   });
 
+  it('search input should be editable initially', () => {
+    const wrapper = mount(
+      <Select showSearch>
+        <Option value="1">One</Option>
+        <Option value="2">Two</Option>
+      </Select>,
+    );
+    expect(
+      wrapper
+        .find('input')
+        .getDOMNode()
+        .getAttribute('readonly'),
+    ).toBeFalsy();
+  });
+
   it('filter options by "value" prop by default', () => {
     const wrapper = mount(
       <Select showSearch>

tests/__snapshots__/Select.test.tsx.snap

@@ -254,11 +254,8 @@ exports[`Select.Basic render renders aria-attributes correctly 1`] = `
         aria-owns="undefined_list"
         autocomplete="off"
         class="antd-selection-search-input"
-        readonly=""
         role="combobox"
-        style="opacity:0"
         type="search"
-        unselectable="on"
         value=""
       />
     </span>
@@ -312,11 +309,8 @@ exports[`Select.Basic render renders correctly 1`] = `
         aria-owns="undefined_list"
         autocomplete="off"
         class="antd-selection-search-input"
-        readonly=""
         role="combobox"
-        style="opacity:0"
         type="search"
-        unselectable="on"
         value=""
       />
     </span>
@@ -372,11 +366,8 @@ exports[`Select.Basic render renders data-attributes correctly 1`] = `
         aria-owns="undefined_list"
         autocomplete="off"
         class="antd-selection-search-input"
-        readonly=""
         role="combobox"
-        style="opacity:0"
         type="search"
-        unselectable="on"
         value=""
       />
     </span>
@@ -432,11 +423,8 @@ exports[`Select.Basic render renders disabled select correctly 1`] = `
         autocomplete="off"
         class="antd-selection-search-input"
         disabled=""
-        readonly=""
         role="combobox"
-        style="opacity:0"
         type="search"
-        unselectable="on"
         value=""
       />
     </span>
@@ -663,11 +651,8 @@ exports[`Select.Basic render renders role prop correctly 1`] = `
         aria-owns="undefined_list"
         autocomplete="off"
         class="antd-selection-search-input"
-        readonly=""
         role="button"
-        style="opacity:0"
         type="search"
-        unselectable="on"
         value=""
       />
     </span>