fix(material/timepicker): render overlay next to trigger (#32288)

crisbeto · crisbeto · commit cd14409a390b · 2025-11-10T21:17:32.000+01:00
Switches the timepicker to insert its overlay next to the trigger in the DOM which helps with accessibility. (cherry picked from commit 0d83d65)
diff --git a/src/material/timepicker/timepicker.ts b/src/material/timepicker/timepicker.ts
@@ -360,6 +360,7 @@ export class MatTimepicker<D> implements OnDestroy, MatOptionParentComponent {
       .withFlexibleDimensions(false)
       .withPush(false)
       .withTransformOriginOn('.mat-timepicker-panel')
+      .withPopoverLocation('inline')
       .withPositions([
         {
           originX: 'start',

Original file line number	Diff line number	Diff line change
`@@ -360,6 +360,7 @@ export class MatTimepicker<D> implements OnDestroy, MatOptionParentComponent {`
`360`	`360`	`.withFlexibleDimensions(false)`
`361`	`361`	`.withPush(false)`
`362`	`362`	`.withTransformOriginOn('.mat-timepicker-panel')`
	`363`	`+ .withPopoverLocation('inline')`
`363`	`364`	`.withPositions([`
`364`	`365`	`{`
`365`	`366`	`originX: 'start',`