fix: relative positon incorrect placement on autoUpdate

Author: lokesh-coder

projects/toppy/src/lib/position/relative-position.ts

@@ -99,7 +99,7 @@ export class RelativePosition extends ToppyPosition {
   }
 
   private nextPosition(current: OutsidePlacement): string {
-    const placements = ['t', 'b', 'l', 'r', 'tl', 'tr', 'bl', 'br', 'lt', 'lb', 'rt', 'rb'];
+    const placements = ['t', 'b', 'l', 'r', 'tl', 'bl', 'tr', 'br', 'lt', 'rt', 'lb', 'rb'];
 
     const index = placements.indexOf(current);
     const even = index % 2 === 0;

projects/toppy/src/tests/positions/relative-position.spec.ts

@@ -61,7 +61,7 @@ describe('@ RelativePosition', () => {
   });
 
   describe('#autoUpdate', () => {
-    it('should switch if it is true', () => {
+    it('should switch if it is true - case 1', () => {
       const relPos = new RelativePosition({
         src: targetElement,
         placement: OutsidePlacement.TOP,
@@ -81,6 +81,26 @@ describe('@ RelativePosition', () => {
         pos: OutsidePlacement.BOTTOM
       });
     });
+    it('should switch if it is true - case 2', () => {
+      const relPos = new RelativePosition({
+        src: targetElement,
+        placement: OutsidePlacement.TOP_LEFT,
+        height: 500,
+        autoUpdate: true
+      });
+      const srcCoords = targetElement.getBoundingClientRect();
+      const hostElCoords = {
+        width: 4, // actual 967
+        height: 450
+      };
+      expect((relPos as any).calculatePos(OutsidePlacement.TOP_LEFT, srcCoords, hostElCoords, true)).toEqual({
+        props: {
+          left: 8,
+          top: srcCoords.top + srcCoords.height
+        },
+        pos: OutsidePlacement.BOTTOM_LEFT
+      });
+    });
     it('should not switch if it is false', () => {
       const relPos = new RelativePosition({
         src: targetElement,