igniteui-angular icon indicating copy to clipboard operation
igniteui-angular copied to clipboard

Label Positioning problem with input controls in Indigo & Fluent

Open sbayreva opened this issue 1 year ago • 0 comments

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.

  • igniteui-angular version: 18.0.x
  • browser: Chrome - 125.0.6422.142

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

sbayreva avatar Jun 28 '24 13:06 sbayreva