fix(cdk/menu): disable flexible dimensions (angular#30086)

crisbeto · web-flow · commit 85d26391e4a3 · 2024-11-27T14:59:51.000+01:00
Disables flexible dimensions for the CDK menu since supporting them properly requires some CSS tweaks and we don't control the CSS of the menu. Fixes angular#30077.
diff --git a/src/cdk/menu/menu-trigger.ts b/src/cdk/menu/menu-trigger.ts
@@ -259,7 +259,7 @@ export class CdkMenuTrigger extends CdkMenuTriggerBase implements OnDestroy {
       .position()
       .flexibleConnectedTo(this._elementRef)
       .withLockedPosition()
-      .withGrowAfterOpen()
+      .withFlexibleDimensions(false)
       .withPositions(this._getOverlayPositions());
   }
 

Original file line number	Diff line number	Diff line change
`@@ -259,7 +259,7 @@ export class CdkMenuTrigger extends CdkMenuTriggerBase implements OnDestroy {`
`259`	`259`	`.position()`
`260`	`260`	`.flexibleConnectedTo(this._elementRef)`
`261`	`261`	`.withLockedPosition()`
`262`		`- .withGrowAfterOpen()`
	`262`	`+ .withFlexibleDimensions(false)`
`263`	`263`	`.withPositions(this._getOverlayPositions());`
`264`	`264`	`}`
`265`	`265`