diff --git a/src/material/autocomplete/autocomplete-trigger.ts b/src/material/autocomplete/autocomplete-trigger.ts index 1434a1a3a289..a8bce97965e5 100644 --- a/src/material/autocomplete/autocomplete-trigger.ts +++ b/src/material/autocomplete/autocomplete-trigger.ts @@ -407,7 +407,9 @@ export class MatAutocompleteTrigger // If we're in the Shadow DOM, the event target will be the shadow root, so we have to // fall back to check the first element in the path of the click event. const clickTarget = _getEventTarget(event)!; - const formField = this._formField ? this._formField._elementRef.nativeElement : null; + const formField = this._formField + ? this._formField.getConnectedOverlayOrigin().nativeElement + : null; const customOrigin = this.connectedTo ? this.connectedTo.elementRef.nativeElement : null; return (