Antd TimePicker.RangePicker 在选中时间后无法滚动怎么办？

Question

在PC端中使用了antd组件

<Form.Item label="销售时段" name="datetime_range">
    <TimePicker.RangePicker locale={locale} format="HH:mm" style={{ width: "100%" }} />
</Form.Item>

当我点击列中的一个时间以后,

鼠标滚轮滚动，列并不滑动，
只要当列的时间被选中以后，就不能滑动了。

用鼠标拖动一下滚动条，又可以滑动了。

Answer 1

使用getPopupContainer属性将弹出框挂载到父级元素

<Form.Item label="销售时段" name="datetime_range">
    <TimePicker.RangePicker
        locale={locale}
        format="HH:mm"
        style={{ width: "100%" }}
        getCalendarContainer={trigger => trigger.parentNode}
    />
</Form.Item>