I am making a reusable component, based on
ion-tab-button and I have created a new angular component with
All works well except for the styling when this is placed inside an
ion-tab-bar. The reason for this is that my new components tags are placed “in-between”
ion-tab-button. The resulting HTML looks something like:
ion-tab-bar ion-tab-button my-tab-button ion-tab-button
instead of the normal
ion-tab-bar ion-tab-button ion-tab-button
And it brakes the layout styling.
I have tried to add styling to my component but it has not worked so far…
Any ideas or suggestions about how to get around this, if at all possible?
A small test project illustrating the issue is available here