zoukankan      html  css  js  c++  java
  • 解决ant design 中 select的option 随页面滚动条滚动的bug

    原因:

    Select组件有个API getPopupContainer,Ant Design官方文档给出的用途解释为:“菜单渲染父节点。默认渲染到 body 上,如果你遇到菜单滚动定位问题,试试修改为滚动的区域,并相对其定位”。同时官网也强调一个特殊情况需要注意:“如果发现下拉菜单跟随页面滚动,或者需要在其他弹层中触发 Select,请尝试使用 getPopupContainer={triggerNode => triggerNode.parentNode} 将下拉弹层渲染节点固定在触发器的父元素中”。

    解决方案:

    在Select组件中添加“getPopupContainer={triggerNode => triggerNode.parentNode}” 使其固定在父元素中;

    如果是日期DatePicker组件 使用 “getCalendarContainer={triggerNode => triggerNode.parentNode}

        <Select
              getPopupContainer={triggerNode => triggerNode.parentNode}
              defaultValue=''
              notFoundContent="请选择"
              placeholder="请选择"
              value={this.state.nextAction}
              onChange={(value) => this.changeSubmitOption(value)}
            >
    

      

  • 相关阅读:
    c# 对文件操作
    c# 获取当前绝对路径
    c# 过滤特殊字符
    c# txt代码转换成HTML格式
    c# 对象集合转Json
    c# DataReader转换为Json
    c# DataSet转换为Json
    ABAP-SAP的LUW和DB的LUW的区别
    ABAP-关于隐式与显式的DB Commit
    ABAP-Keyword Documentation
  • 原文地址:https://www.cnblogs.com/litterjoan/p/13878339.html
Copyright © 2011-2022 走看看