Is it possible to prevent the changing of visibility of popover after interaction with Select?
Here is demo:
http://codepen.io/anon/pen/XjBVbp?editors=0011
getPopupContainer
https://ant.design/components/select/#Select-props
https://codepen.io/anon/pen/NaMbVg?editors=0011
You can use getPopupContainer={triggerNode => triggerNode.parentNode}
to make select dropdown menu rendering inside the Popover content.
https://github.com/ant-design/ant-design/wiki/FAQ#select-dropdown-datepicker-timepicker-popover-popconfirm-will-scroll-with-page
Works! i would add this to official examples. Thanks.
hello
我试着用上面的方法 getPopupContainer={(triggerNode: any) => triggerNode.parentNode}
结果
遮盖了select<Select
getPopupContainer={(triggerNode: any) => triggerNode.parentNode}
mode="multiple"
notFoundContent={selectLoading ? <Spin size="small" /> : ``}
filterOption={false}
onSearch={this.totalFocusHandler.bind(this,
siteCode)}
style={{ width: '100%' }}
>
{siteCodeList.map((item: any, index: any) => <Option key={
${item.sitecode}${index}} value={item.sitecode} >{item.sitecode}</Option>)}
</Select>
Most helpful comment
getPopupContainer
https://ant.design/components/select/#Select-propshttps://codepen.io/anon/pen/NaMbVg?editors=0011
You can use
getPopupContainer={triggerNode => triggerNode.parentNode}
to make select dropdown menu rendering inside the Popover content.https://github.com/ant-design/ant-design/wiki/FAQ#select-dropdown-datepicker-timepicker-popover-popconfirm-will-scroll-with-page
3487