tweak

Author: adolgachev

src/cdk/overlay/position/flexible-connected-position-strategy.ts

@@ -584,7 +584,7 @@ export class FlexibleConnectedPositionStrategy implements PositionStrategy {
     // Adjust the overly position when it is placed inline relative to its parent.
     const insertOverlayAfter = this._overlayRef.getConfig().insertOverlayAfter;
     if (insertOverlayAfter) {
-      const rect = insertOverlayAfter!.nativeElement.getBoundingClientRect();
+      const rect = insertOverlayAfter!.nativeElement.parentElement.getBoundingClientRect();
       overlayStartX -= rect.left;
       overlayStartY -= rect.top;
     }
@@ -909,6 +909,14 @@ export class FlexibleConnectedPositionStrategy implements PositionStrategy {
       const maxHeight = this._overlayRef.getConfig().maxHeight;
       const maxWidth = this._overlayRef.getConfig().maxWidth;
 
+      // Adjust the overly position when it is placed inline relative to its parent.
+      const insertOverlayAfter = this._overlayRef.getConfig().insertOverlayAfter;
+      if (insertOverlayAfter) {
+        const rect = insertOverlayAfter!.nativeElement.parentElement.getBoundingClientRect();
+        boundingBoxRect.left -= rect.left;
+        boundingBoxRect.top -= rect.top;
+      }
+
       styles.height = coerceCssPixelValue(boundingBoxRect.height);
       styles.top = coerceCssPixelValue(boundingBoxRect.top);
       styles.bottom = coerceCssPixelValue(boundingBoxRect.bottom);