With Ionic v4, we are seeing many issues with centering content.
No matter what I try, grid, flex, height 100%. The keyboard does something funcky with IonicContent when focusing the input. Here is a video: https://gofile.io/d/2MWiMt
The following fixes it on both desktop and mobile.
React =
.colCenter {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.fixedMiddle {
position: fixed;
top: 0;
bottom: 0;
}