Skip to content

bug: ion-label inside ion-item aligns wrongly or disappers if custom Angular component is used in this ion-item when stacked or floating position is set #22736

Closed
@MaximS

Description

@MaximS

ion-label inside ion-item aligns wrongly or disappers if custom Angular component is used in this ion-item when stacked or floating label position is set - because item-label-stacked class is not set on ion-item

Ionic version:

[x] 5.x (Angular project)

Current behavior:
When custom Angular component is used inside ion-item a class item-label-stacked is not set on ion-item if there is a label with position="stacked" inside that ion-item. (When built-in Ionic components like ion-input are used the ion-item gets this class automatically)

Expected behavior:
item-label-stacked class should be set on ion-item regardless of component used after the label

Steps to reproduce:
See Related code

Related code:
See stackblitz link
In a demo item-label-stacked is explicitly added to an ion-item. If it's removed than the label aligns itself to the left like position="fixed" or disappers completely if all the chips are deleted (using red crosses). See comments in tabs/tab1.page.html

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions