@angular/cdk 21.1.0-next.3 → 21.1.0-rc.0

package/LICENSE

@@ -1,6 +1,6 @@
 The MIT License
 
-Copyright (c) 2025 Google LLC.
+Copyright (c) 2026 Google LLC.
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/fesm2022/_overlay-module-chunk.mjs

@@ -1143,7 +1143,7 @@ class FlexibleConnectedPositionStrategy {
     this._viewportRect = this._getNarrowedViewportRect();
     this._originRect = this._getOriginRect();
     this._overlayRect = this._pane.getBoundingClientRect();
-    this._containerRect = this._overlayContainer.getContainerElement().getBoundingClientRect();
+    this._containerRect = this._getContainerRect();
     const originRect = this._originRect;
     const overlayRect = this._overlayRect;
     const viewportRect = this._viewportRect;
@@ -1241,9 +1241,8 @@ class FlexibleConnectedPositionStrategy {
       this._originRect = this._getOriginRect();
       this._overlayRect = this._pane.getBoundingClientRect();
       this._viewportRect = this._getNarrowedViewportRect();
-      this._containerRect = this._overlayContainer.getContainerElement().getBoundingClientRect();
-      const originPoint = this._getOriginPoint(this._originRect, this._containerRect, lastPosition);
-      this._applyPosition(lastPosition, originPoint);
+      this._containerRect = this._getContainerRect();
+      this._applyPosition(lastPosition, this._getOriginPoint(this._originRect, this._containerRect, lastPosition));
     } else {
       this.apply();
     }
@@ -1766,6 +1765,18 @@ class FlexibleConnectedPositionStrategy {
       width
     };
   }
+  _getContainerRect() {
+    const isInlinePopover = this._overlayRef.getConfig().usePopover && this._popoverLocation !== 'global';
+    const element = this._overlayContainer.getContainerElement();
+    if (isInlinePopover) {
+      element.style.display = 'block';
+    }
+    const dimensions = element.getBoundingClientRect();
+    if (isInlinePopover) {
+      element.style.display = '';
+    }
+    return dimensions;
+  }
 }
 function extendStyles(destination, source) {
   for (let key in source) {
@@ -2071,11 +2082,12 @@ function createOverlayRef(injector, config) {
     host.classList.add('cdk-overlay-popover');
   }
   const customInsertionPoint = overlayConfig.usePopover ? overlayConfig.positionStrategy?.getPopoverInsertionPoint?.() : null;
-  overlayContainer.getContainerElement().appendChild(host);
   if (isElement(customInsertionPoint)) {
     customInsertionPoint.after(host);
   } else if (customInsertionPoint?.type === 'parent') {
     customInsertionPoint.element.appendChild(host);
+  } else {
+    overlayContainer.getContainerElement().appendChild(host);
   }
   return new OverlayRef(new DomPortalOutlet(pane, appRef, injector), host, pane, overlayConfig, injector.get(NgZone), injector.get(OverlayKeyboardDispatcher), doc, injector.get(Location), injector.get(OverlayOutsideClickDispatcher), config?.disableAnimations ?? injector.get(ANIMATION_MODULE_TYPE, null, {
     optional: true