Ant-design: ํŒ์˜ค๋ฒ„ ๋ฐ ์„ ํƒ

์— ๋งŒ๋“  2016๋…„ 10์›” 14์ผ  ยท  3์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: ant-design/ant-design

Select์™€ ์ƒํ˜ธ ์ž‘์šฉํ•œ ํ›„ ํŒ์˜ค๋ฒ„์˜ ๊ฐ€์‹œ์„ฑ ๋ณ€๊ฒฝ์„ ๋ฐฉ์ง€ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ?

๋ฐ๋ชจ๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค.
http://codepen.io/anon/pen/XjBVbp?editors=0011

โ“FAQ

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

getPopupContainer https://ant.design/components/select/#Select - ์†Œํ’ˆ

https://codepen.io/anon/pen/NaMbVg?editors=0011

getPopupContainer={triggerNode => triggerNode.parentNode} ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ Popover ์ฝ˜ํ…์ธ  ๋‚ด์—์„œ ์„ ํƒ ๋“œ๋กญ๋‹ค์šด ๋ฉ”๋‰ด๋ฅผ ๋ Œ๋”๋งํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

https://github.com/ant-design/ant-design/wiki/FAQ#select -dropdown-datepicker-timepicker-popover-popconfirm-will-scroll-with-page

3487

๋ชจ๋“  3 ๋Œ“๊ธ€

getPopupContainer https://ant.design/components/select/#Select - ์†Œํ’ˆ

https://codepen.io/anon/pen/NaMbVg?editors=0011

getPopupContainer={triggerNode => triggerNode.parentNode} ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ Popover ์ฝ˜ํ…์ธ  ๋‚ด์—์„œ ์„ ํƒ ๋“œ๋กญ๋‹ค์šด ๋ฉ”๋‰ด๋ฅผ ๋ Œ๋”๋งํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

https://github.com/ant-design/ant-design/wiki/FAQ#select -dropdown-datepicker-timepicker-popover-popconfirm-will-scroll-with-page

3487

๊ณต์žฅ! ๋‚˜๋Š” ์ด๊ฒƒ์„ ๊ณต์‹ ์˜ˆ์ œ์— ์ถ”๊ฐ€ํ•  ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๊ฐ์‚ฌ ํ•ด์š”.

์•ˆ๋…•ํ•˜์„ธ์š”
์œ„์˜ ๋ฐฉ๋ฒ•์„ ์‚ฌ์šฉํ•ด ๋ณด์•˜์Šต๋‹ˆ๋‹ค. getPopupContainer={(triggerNode: any) => triggerNode.parentNode} ๊ฒฐ๊ณผ

1556620903631-image
<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>

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰