Description
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