Due to iPhone X UI issues, I updated ionic from 1.1.1 to 1.3.5 and also added viewport attribute. Everything else works fine, but in my app there are two different tabs:
Tabs at the bottom (tabs-bottom)
Tabs at the top (tabs-top)
And the fix for iPhone X by Ionic is not working well with the tabs-top, as it adds a padding at the bottom of tabs-top due to which ui is messed up.
What behavior are you expecting?
Tabs-top should only have (safe-area-inset-top) instead of (safe-area-inset-bottom).
Steps to reproduce:
Add tabs-top
Add tabs-bottom
Also add some content like list items etc, so that you can see the issue.
insert any relevant code between the above and below backticks
Other information: (e.g. stacktraces, related issues, suggestions how to fix, stackoverflow links, forum links, etc)
Note: If you are having problems formatting your issue please refer to this article on using markdown in Github:
https://guides.github.com/features/mastering-markdown/
Note: for support questions, please use one of these channels:
https://forum.ionicframework.com/ http://ionicworldwide.herokuapp.com/
Short description of the problem:
Due to iPhone X UI issues, I updated ionic from 1.1.1 to 1.3.5 and also added viewport attribute. Everything else works fine, but in my app there are two different tabs:
What behavior are you expecting?
Tabs-top should only have (safe-area-inset-top) instead of (safe-area-inset-bottom).
Steps to reproduce:
Other information: (e.g. stacktraces, related issues, suggestions how to fix, stackoverflow links, forum links, etc)
Which Ionic Version? 1.x or 2.x
Plunker that shows an example of your issue
For Ionic 1 issues - http://plnkr.co/edit/Xo1QyAUx35ny1Xf9ODHx?p=preview
For Ionic 2 issues - http://plnkr.co/edit/me3Uk0GKWVRhZWU0usad?p=preview
Run
ionic info
from terminal/cmd prompt: (paste output below)