Skip to content

IgxInputGroup does not position label correctly for input type="date" #17156

@viktorkombov

Description

@viktorkombov

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

  1. 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>
  2. 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

Image

Metadata

Metadata

Assignees

Type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions