From 06a9ddc068a3dab4e85fce93a6d9f05e86f6ff1b Mon Sep 17 00:00:00 2001
From: Soumyajit Chakraborty <51930458+Isoumyajit@users.noreply.github.com>
Date: Thu, 24 Jul 2025 12:50:56 +0530
Subject: [PATCH] AAE-36023 Some form fields are not properly aligned and
 cropped out ng19 (#11050)

* AAE-36023 fixing amount widget label cropping and overlapping issue

* AAE-36023 removing hard-coded appearance and adding dynamic floatlabel
---
 .../lib/form/components/widgets/amount/amount.widget.scss | 8 --------
 .../widgets/functional-group/functional-group.widget.html | 2 +-
 .../src/lib/form/widgets/people/people.widget.html        | 3 +--
 3 files changed, 2 insertions(+), 11 deletions(-)

diff --git a/lib/core/src/lib/form/components/widgets/amount/amount.widget.scss b/lib/core/src/lib/form/components/widgets/amount/amount.widget.scss
index 938a242fae..48bf28e171 100644
--- a/lib/core/src/lib/form/components/widgets/amount/amount.widget.scss
+++ b/lib/core/src/lib/form/components/widgets/amount/amount.widget.scss
@@ -17,18 +17,10 @@
     }
 
     &-amount-widget__input {
-        margin-top: -15px;
-
         #{ms.$mat-focused} {
             transition: none;
         }
 
-        #{ms.$mat-form-field-prefix} {
-            padding-top: 16px;
-            padding-bottom: 16px;
-            align-self: flex-end;
-        }
-
         .adf-input {
             margin-top: 3px;
         }
diff --git a/lib/process-services/src/lib/form/widgets/functional-group/functional-group.widget.html b/lib/process-services/src/lib/form/widgets/functional-group/functional-group.widget.html
index c75f2ea42d..0c36ed4293 100644
--- a/lib/process-services/src/lib/form/widgets/functional-group/functional-group.widget.html
+++ b/lib/process-services/src/lib/form/widgets/functional-group/functional-group.widget.html
@@ -8,7 +8,7 @@
     <label class="adf-label" [attr.for]="field.id"
         >{{field.name | translate }}<span class="adf-asterisk" [style.visibility]="isRequired() ? 'visible' : 'hidden'">*</span></label
     >
-    <mat-form-field appearance="outline" class="adf-group-widget-field">
+    <mat-form-field [floatLabel]="field.placeholder ? 'always': null" class="adf-group-widget-field">
         <mat-chip-grid #chipGrid>
             <mat-chip-row
                 *ngFor="let group of selectedGroups"
diff --git a/lib/process-services/src/lib/form/widgets/people/people.widget.html b/lib/process-services/src/lib/form/widgets/people/people.widget.html
index 49e3587a17..ac492ee7f7 100644
--- a/lib/process-services/src/lib/form/widgets/people/people.widget.html
+++ b/lib/process-services/src/lib/form/widgets/people/people.widget.html
@@ -3,8 +3,7 @@
      [class.adf-readonly]="field.readOnly"
      id="people-widget-content">
     <label class="adf-label" [attr.for]="field.id">{{field.name | translate }}<span class="adf-asterisk" [style.visibility]="isRequired() ? 'visible' : 'hidden'">*</span></label>
-    <mat-form-field
-        appearance="outline"
+    <mat-form-field [floatLabel]="field.placeholder ? 'always': null"
         class="adf-people-widget-field">
         <mat-chip-grid #chipGrid [attr.aria-label]="'ADF_PROCESS_LIST.START_PROCESS.FORM.LABEL.SELECTED_PEOPLE' | translate">
             <mat-chip-row