Hi I hope someone can help,
I’ve never had such a problem to align items to the bottom.
I’m using flexbox for that and our page has the following structure:
ion-header
ion-content
scroll-content // display: flex; flex-direction: column;
ion-card // flex-shrink: 0;
ion-card // flex-grow:1; flex-shrink: 0;
ion-list
Both ion-cards
should be top aligned and the list bottom aligned, which I could accomplish, BUT, in Android or MD mode, the list is not well positioned, see the print:
In Windows and iOS it is working fine, see print how it looks on iOS:
The most weird thing is: If I rotate to landscape and turn back to portrait, the issue is gone.
Does anyone has a clue or has faced something similar?