IgniteUI / igniteui-angular

Ignite UI for Angular is a complete library of Angular-native, Material-based Angular UI components with the fastest grids and charts, Pivot Grid, Dock Manager, Hierarchical Grid, and more.
https://www.infragistics.com/products/ignite-ui-angular
Other
568 stars 159 forks source link

Label Positioning problem with input controls in Indigo & Fluent #14448

Open sbayreva opened 2 days ago

sbayreva commented 2 days ago

Description

For some input controls, probably all those with label and placeholder together, the position of the label is not correct and goes over the input. The issue is observed in Combo, Text area, Input group, Forms examples, Date Picker and Date Range Picker.

Steps to reproduce

  1. Open the master branch of Indigo / Fluent; 2.Open example Combo; Open example Forms; Open example Input Group; Open Date Picker; Open Date Range

Result

All input controls that have both label and placeholder have a mispositioned label, overlapping the input.

Expected result

Label is positioned above the input.

Attachments

Indigo:

Screenshot 2024-06-28 at 16 30 47 Screenshot 2024-06-28 at 16 31 06 Screenshot 2024-06-28 at 16 31 43

Fluent:

Screenshot 2024-06-28 at 16 32 25