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(<Option key={i.toString(36) + i}>{i.toString(36) + i}); } 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 ( <Radio.Group value={size} onChange={this.handleSizeChange}> <Radio.Button value="large">Large</Radio.Button> <Radio.Button value="default">Default</Radio.Button> <Radio.Button value="small">Small</Radio.Button> </Radio.Group> <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]

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?

[arihantR]

There's a prop that you can pass to your dropdown - closeMenuOnSelect={true}. Although it is true by default, so on selection your dropdown should get close. Generally to avoid auto close we use closeMenuOnSelect={false}. Check if this works for you. eg-

[deshaXii]

just add this property
menuIsOpen