Ant Design TimePickers随页面滚动

问题描述

打开并向下滚动时，我正在使用antd TimePicker，弹出窗口随页面滚动而不是停留在原处。 我不知道为什么他们的官方滚动解决方案对我不起作用 https://ant.design/docs/react/faq#How-do-I-prevent-Select-Dropdown-DatePicker-TimePicker-Popover-Popconfirm-scrolling-with-the-page

这是我的代码：

    <div className="timepicker__wrapper">
      <span className="timepicker__mintime-label">
        {getTranslate(QUESTION_MODULE.GENERAL.MINIMUM_TIME_LABEL)}
      </span>
      <TimePicker
        getPopupContainer={triggerNode => triggerNode.parentNode}
        onChange={onChangeMinTime}
        format={timeFormat}
        defaultValue={moment(item.minTime ?? '00:00',timeFormat)}
        allowClear={false}
       
      />
    </div>

如果我console.log triggerNode.parentNode恰好指向timepicker__wrapper。 在这里您可以看到锚点

解决方法

我通过向锚节点添加position: relative解决了这个问题。很高兴在文档中提到这一点