Description
IgxInputGroup does not correctly position the label when used with an input of type="date", causing the label to overlap the input placeholder.
- igniteui-angular version: 21.1.x
- browser: any
Steps to reproduce
-
Add an igx-input-group with input type="date" and label
<igx-input-group type="line">
<input igxInput name="date" type="date" />
<label igxLabel for="date">Date</label>
</igx-input-group>
-
Run the application
Alternative: use the provided sample:
https://stackblitz.com/edit/nvaef4hs-3gj3h3la?file=package.json
Result
The label overlaps the input placeholder, resulting in a visually broken input field.
Expected result
The label should not overlap the placeholder.
Attachments
Description
IgxInputGroupdoes not correctly position the label when used with aninputoftype="date", causing the label to overlap the input placeholder.Steps to reproduce
Add an
igx-input-groupwithinput type="date"and labelRun the application
Alternative: use the provided sample:
https://stackblitz.com/edit/nvaef4hs-3gj3h3la?file=package.json
Result
The label overlaps the input placeholder, resulting in a visually broken input field.
Expected result
The label should not overlap the placeholder.
Attachments