Open aubrey-fowler opened 4 years ago
Does it specifically break in 13.6? (ie does it work in 13.5 simulator, but break in 13.6?)
If yes... then it sounds like an iOS introduced bug and I would suggest also reporting this issue to Apple.
@breautek How would I submit a bug with Apple?
I tested this on iOS 12 and I got the same problem. It's when I add attachments. So I have an ionic page and I add a list item it seems to push the "safe area" and footer button down. It's persistent as well even when I leave the page and come back there is a problem.
I added this code in my css file:
body {
padding: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);
padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
}
It seemed to help with part of the problem but not all of it.
Before and after.
However, the issue with the footer button being pushed down persists on iOS 13 even with iPhone 8 Plus and iPhone X.
I had the same issue and fixed after 4 hours
global.scss file
body {
margin-top: constant(safe-area-inset-top);
margin-top: env(safe-area-inset-top);
}
ion-tab-bar {
margin-bottom: calc(4px + env(safe-area-inset-top));
}
i did used safe-area-inset-top for margin-bottom to fixed this issue.
in the head section of your html
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
I'm writing an app with cordova, Ionic v1, and AngularJS 1.5.3.
In the past the new iPhone X came out and I added some code to make adustments for the "safe area".
css
html
<meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
It was working for me for a long time.
However, I noticed that with the iPhone X and XR with iOS 13.6 I'm having issues with the "safe area".
As I'm using cordova-ios 6.1.0 I'm using WkWebView only.
I'm finding that I have to multiply the safe-area-inset-bottom by 4 to make any progress.
What could be wrong?