The select and datepicker components in ant D are separated with page scrolling

Time:2020-8-4

1. Problems
When using the select and datepicker components in antd, when you click the select component or the datepicker component and the drop-down menu (date) appears, the page scrolls, and the drop-down options of select are separated from the select box and datepicker from the date.
2. Solutions

  • Select tag add
getPopupContainer={triggerNode =>triggerNode.parentElement}
  • Add
getCalendarContainer={triggerNode=>triggerNode.parentElement}