fix(Overlay): correct top for tab

Author: youluna

src/overlay/utils/position.js

@@ -182,7 +182,8 @@ export default class Position {
                     const { right, bottom } = this._getViewportOffset(pinElement, align);
                     firstPositionResult = {
                         left: right < 0 ? left + right : left,
-                        top: bottom < 0 ? top + bottom : top,
+                        top,
+                        // top: bottom < 0 ? top + bottom : top,
                     };
                 } else {
                     firstPositionResult = { left, top };

test/overlay/index-spec.js

@@ -361,7 +361,8 @@ describe('Overlay', () => {
 
             simulateEvent.simulate(btn, 'click');
             assert(document.body.style.overflowY === 'hidden');
-            assert(document.body.style.paddingRight === `${scrollbarWidth}px`);
+            // paddingRight 有没有值取决于当前浏览器环境是否有滚动条（mac可以设置默认有，或默认没有）
+            // assert(document.body.style.paddingRight === `${scrollbarWidth}px`);
 
             simulateEvent.simulate(btn, 'click');
             yield delay(500);
@@ -585,7 +586,7 @@ describe('Overlay', () => {
         container.remove();
     });
 
-    it('fix bottom & left overflow', () => {
+    it('fix left overflow', () => {
         const container = document.createElement('div');
 
         function Demo(props) {
@@ -616,7 +617,7 @@ describe('Overlay', () => {
             document.querySelector('.next-overlay-inner').style.left ===
                 `${parseFloat(window.getComputedStyle(document.body).width) - 200 - 1}px` // Reason to subtract 1, see: Overly._isInViewport
         );
-        assert(document.querySelector('.next-overlay-inner').style.top === '0px');
+        // assert(document.querySelector('.next-overlay-inner').style.top === '0px');
         container.remove();
         document.querySelector('.next-overlay-wrapper').remove();
     });