Fix select popupContainer in site header

yfge · Aug 14, 2017 · 57e3be2 · 57e3be2
1 parent 4b38dbd
commit 57e3be2
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git a/components/select/index.zh-CN.md b/components/select/index.zh-CN.md
@@ -53,6 +53,8 @@ title: Select
 | labelInValue | 是否把每个选项的 label 包装到 value 中，会把 Select 的 value 类型从 `string` 变为 `{key: string, label: ReactNode}` 的格式 | boolean | false |
 | tokenSeparators | 在 tags 和 multiple 模式下自动分词的分隔符 | string[] |  |
 
+> 注意，如果发现下拉菜单跟随页面滚动，或者需要在其他弹层中触发 Select，请尝试使用 `getPopupContainer={triggerNode => triggerNode.parentNode}` 将下拉弹层渲染节点固定在触发器的父元素中。
+
 ### Option props
 
 | 参数     | 说明           | 类型     | 默认值       |

diff --git a/site/theme/template/Layout/Header.jsx b/site/theme/template/Layout/Header.jsx
@@ -152,6 +152,7 @@ export default class Header extends React.Component {
         dropdownMatchSelectWidth={false}
         defaultValue={antdVersion}
         onChange={this.handleVersionChange}
+        getPopupContainer={trigger => trigger.parentNode}
       >
         {versionOptions}
       </Select>,