Fix(material/autocomplete): Enhanced offset determination by considering parent form field and appearance.

Fix #27476

Author: kharazian

src/material/autocomplete/autocomplete-trigger.ts

@@ -831,8 +831,13 @@ export class MatAutocompleteTrigger
     // border-radius based on the overlay position.
     const panelClass = this._aboveClass;
 
-    // Calculate vertical overlay offset with outline, or set to 0.
-    const offsetY = this._formField?._getOverlayOffsetOutlined() || 0;
+    /**
+     * Calculate the vertical offset for the overlay when the input field has an outline appearance.
+     * In the outline appearance, the overlay should have extra space to display the label correctly.
+     */
+    const outlineHeight =
+      this._formField?._floatingLabel?.element.getBoundingClientRect().height || 0;
+    const offsetY = this._formField?._hasOutline() ? -outlineHeight / 2 : 0;
 
     const abovePositions: ConnectedPosition[] = [
       {

src/material/form-field/form-field.ts

@@ -503,16 +503,6 @@ export class MatFormField
     return this.appearance === 'outline';
   }
 
-  /**
-   * Calculate the vertical offset for the overlay when the input field has an outline appearance.
-   * In the outline appearance, the overlay should have extra space to display the label correctly.
-   * This function calculates the vertical offset needed.
-   */
-  _getOverlayOffsetOutlined() {
-    const outlineHeight = this._floatingLabel?.element.getBoundingClientRect().height || 0;
-    return this._hasOutline() ? -outlineHeight / 2 : 0;
-  }
-
   /**
    * Whether the label should display in the infix. Labels in the outline appearance are
    * displayed as part of the notched-outline and are horizontally offset to account for