fix(Pagination): select dropdown menu position error on scrolling

alibaba-fusion · Dec 25, 2018 · 70375c1 · 70375c1
1 parent b07f5ac
commit 70375c1
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 4 deletions.
diff --git a/src/pagination/main.scss b/src/pagination/main.scss
@@ -78,7 +78,7 @@
 
     &-size-selector {
         display: inline-block;
-
+        position: relative;
         &-title {
             margin-right: $pagination-size-selector-title-margin-right;
             color: $pagination-size-selector-title-color;

diff --git a/src/pagination/pagination.jsx b/src/pagination/pagination.jsx
@@ -269,7 +269,7 @@ class Pagination extends Component {
                 {icon}
                 {shape === 'arrow-only' ||
                  shape === 'arrow-prev-only' ||
-                 shape === 'no-border' ?  '' : locale.prev}
+                 shape === 'no-border' ? '' : locale.prev}
             </Button>
         );
     }
@@ -446,6 +446,9 @@ class Pagination extends Component {
         return (
             <Select className={`${prefix}pagination-size-selector-dropdown`}
                 popupClassName={`${prefix}pagination-size-selector-popup`}
+                popupContainer={node => {
+                    return node.parentNode;
+                }}
                 autoWidth
                 size={size}
                 value={currentPageSize}
@@ -518,8 +521,10 @@ class Pagination extends Component {
             }
             case 'normal': {
                 const pageList = this.renderPageList(currentPage, totalPage);
-                const pageDisplay = showJump && total > pageSize * pageShowCount ? this.renderPageDisplay(currentPage, totalPage) : null;
-                const pageJump = showJump && total > pageSize * pageShowCount ? this.renderPageJump(currentPage, totalPage) : null;
+                const pageDisplay = showJump && total > pageSize * pageShowCount ?
+                    this.renderPageDisplay(currentPage, totalPage) : null;
+                const pageJump = showJump && total > pageSize * pageShowCount ?
+                    this.renderPageJump(currentPage, totalPage) : null;
                 return buildComponent(pageFirst, pageList, pageLast, pageDisplay, ...pageJump);
             }
             default: