Text Area Label Jumps

[ricardosaracino]

Description

Input group textarea label is in center of input and jumps to top dramatically

    "@angular/animations": "^17.3.6",
    "@angular/cdk": "^17.3.6",
    "@angular/common": "^17.3.6",
    "@angular/compiler": "^17.3.6",
    "@angular/core": "^17.3.6",
    "@angular/forms": "^17.3.6",
    "@angular/platform-browser": "^17.3.6",
    "@angular/platform-browser-dynamic": "^17.3.6",
    "@angular/router": "^17.3.6",    "@types/hammerjs": "^2.0.39",    "core-js": "2.6.2",
    "hammerjs": "^2.0.8",
    "igniteui-angular": "^17.2.0",    "immediate": "^3.2.3",
    "intl": "^1.2.5",
    "rxjs": "^6.6.7",
    "tslib": "^2.6.1",
    "zone.js": "~0.14.2"

I should note that in my project i am using

    "igniteui-angular-charts": "^17.3.0",
    "igniteui-angular-core": "^17.3.0",
    "igniteui-theming": "^6.2.0",

Steps to reproduce

https://stackblitz.com/edit/yotfov-ka8e75?file=package.json%3AL36,src%2Fapp%2Finput-group-sample-1%2Finput-group-sample-1.component.html,package-lock.json

something simple like this reproduces it

<article class="sample-column">
    <form>
    <igx-input-group>
        <textarea   id="description"  igxInput maxlength="255" rows="6"   type="text"></textarea>
        <label for="description" igxLabel>description</label>
        <igx-hint >
        0/255
        </igx-hint>
      </igx-input-group>
    </form>
</article>

Result

Expected result

It used to behave just like a normal input

Attachments

Attach a sample if available, and screenshots, if applicable.