Antd中使用Select框 在点出弹出下拉列表后 鼠标移到外面滚动会导致下拉框位置偏移

今天使用Select框的时候  由于页面可以滚动  出现了  在点出弹出下拉列表后 鼠标移到外面滚动会导致下拉框位置偏移的bug

如图  上下滚动外部页面会导致下拉框偏移

解决方案：

Antd  官方文档

文档中Select框有一个元素 getPopupContainer

 并且有一行小字提示

注意，如果发现下拉菜单跟随页面滚动，或者需要在其他弹层中触发 Select，请尝试使用 getPopupContainer={triggerNode => triggerNode.parentElement} 将下拉弹层渲染节点固定在触发器的父元素中。

在原有代码中加入  

getPopupContainer={triggerNode => triggerNode.parentElement}

完整代码

<Form.Item label="病历标准">
  {getFieldDecorator('characteristicJG', {
  })
    (<Select style={
  { width: '100%' }}
      onChange={this.characteristicChangeJG}
      mode="multiple"
      placeholder="请选择病历标准"
      getPopupContainer={(triggerNode:any)=>{
        return triggerNode.parentElement 
      }}
    >
      {characteristic_JG_list.map((item: any, index: any) => {
        return <Option key={item} value={item}>{item}</Option>
      })}
    </Select>)
  }

页面重新滑动，不会出现下拉框偏移问题