fix: multi-select input editable problem (#1024)

Author: nova1751

src/Selector/MultipleSelector.tsx

@@ -86,9 +86,7 @@ const SelectSelector: React.FC<SelectorProps> = (props) => {
       ? searchValue
       : '';
   const inputEditable: boolean =
-    mode === 'tags' ||
-    (mode === 'multiple' && autoClearSearchValue === false) ||
-    (showSearch && (open || focused));
+    mode === 'tags' || (mode === 'multiple' && showSearch) || (showSearch && (open || focused));
 
   // We measure width and set to the input immediately
   useLayoutEffect(() => {

tests/Multiple.test.tsx

@@ -681,5 +681,16 @@ describe('Select.Multiple', () => {
       toggleOpen(wrapper);
       expect(wrapper.find('input').props().value).toBe('');
     });
+    it('input should not be readonly when autoClearSearchValue and showSearch are both false', () => {
+      const wrapper = mount(
+        <Select
+          mode="multiple"
+          autoClearSearchValue={false}
+          showSearch={false}
+          searchValue="test"
+        />,
+      );
+      expect(wrapper.find('input').props().readOnly).toBe(true);
+    });
   });
 });