React-select: Select multi, close dropdown when clicking selecting option - v1.0.0-rc.2

[traumatic]

Hello,

Is there an option to change the default behavior that if _multi_ is set to _true_ the dropbox is closed once an option has been selected? Currently, if _multi_ is _true_ the dropbox remains open unless I click outside of the Select component.

Thanks

[IvanLeonenko]

You can try setting autoBlur={true} property.

[traumatic]

Thanks Ivan! That works like a charm ...

[Dibakar-Halder]

thank you i also struggled a bit

[kdramana99]

You can try setting autoBlur={true} property.

You can try setting autoBlur={true} property.

Hello,

I am using ant design . Is there an option to change that if multi is set to true the dropbox is need to be closed once an option has been selected Currently,
if multi is true the dropbox remains open unless I click outside of the Select component.

Here is my code:

---

const { Select, Radio } = antd;

const Option = Select.Option;

const children = [];
for (let i = 10; i < 36; i++) {
children.push(

);
}

function handleChange(value) {
//console.log(Selected: ${value});
}

function handleSelect(value) {
console.log(Selected Value: ${value});
}
class SelectSizesDemo extends React.Component {
state = {
size: 'default',
};

handleSizeChange = e => {
this.setState({ size: e.target.value });
};

render() {
const { size } = this.state;
return (

Large
Default
Small

    <br />
    <Select  
      closeOnSelect={true}    
      autoBlur={true}
      showArrow={true}
      allowClear={true}
      autoFocus={false}
      mode="multiple"
      size={size}
      placeholder="Please select"
      defaultValue={['a10', 'c12']}  
      onChange={handleChange}
       onSelect={handleSelect}
      style={{ width: '100%' }}
    >
      {children}
    </Select>
    <br />       
  </div>
);

}
}

ReactDOM.render(, mountNode);

---

closeOnSelect & autoBlur is not working correctly to close the dropdown after making selection.

Thanks
Venkat

kdramana99 on 20 May 2019

Hello,

I am using ant design

. Is there an option to change that if multi is set to true the dropbox is need to be closed once an option has been selected Currently,
if multi is true the dropbox remains open unless I click outside of the Select component.

closeOnSelect & autoBlur is not working correctly to close the dropdown after making selection.

Thanks
Venkat

[caub]

autoBlur doesn't seem supported anymore, what's the way now?