fix(Overlay): bug on postion when bottom overflow

Author: 皆虚

src/overlay/utils/position.js

@@ -178,8 +178,15 @@ export default class Position {
             if (this._isInViewport(pinElement, align)) {
                 return align;
             } else if (!firstPositionResult) {
-                const { right, bottom } = this._getViewportOffset(pinElement, align);
-                firstPositionResult = { left: right < 0 ? left + right : left, top: top < 0 ? top + bottom : top };
+                if (this.needAdjust && !this.autoFit) {
+                    const { right, bottom } = this._getViewportOffset(pinElement, align);
+                    firstPositionResult = {
+                        left: right < 0 ? left + right : left,
+                        top: bottom < 0 ? top + bottom : top,
+                    };
+                } else {
+                    firstPositionResult = { left, top };
+                }
             }
         }
 

test/overlay/index-spec.js

@@ -600,6 +600,7 @@ describe('Overlay', () => {
                         <div
                             style={{
                                 width: '200px',
+                                height: '100vh',
                                 background: 'red',
                             }}
                         >
@@ -615,6 +616,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');
         container.remove();
         document.querySelector('.next-overlay-wrapper').remove();
     });