Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
bug: SafeArea for iphoneX in notch
See original GitHub issueBug Report
Capacitor Version
npx cap doctor output:
💊 Capacitor Doctor 💊
Latest Dependencies:
@capacitor/cli: 1.3.0
@capacitor/core: 1.3.0
@capacitor/android: 1.3.0
@capacitor/ios: 1.3.0
Installed Dependencies:
@capacitor/cli 1.3.0
@capacitor/core 1.3.0
@capacitor/android 1.3.0
@capacitor/ios 1.3.0
Affected Platform(s)
- Android
- iOS
- Electron
- Web
Current Behavior
Currently in iphone X there is no safe area for the webview, in order to see the content correctly and not overlap the notification bar.
Expected Behavior
It is desired that there is a safearea for the webview on an iPhone X, so that the content is viewed correctly and does not overlap the notification bar.
Sample Code or Sample Application Repo
Reproduction Steps
Other Technical Details
npm --version output:
6.9.0
node --version output:
v10.16.3
pod --version output (iOS issues only):
1.8.4
Other Information
Issue Analytics
- State:
- Created 4 years ago
- Comments:15 (1 by maintainers)
Top Results From Across the Web
Top Related Medium Post
Top Related StackOverflow Question
Troubleshoot Live Code
Top Related Reddit Thread
Top Related Hackernoon Post
Top Related Tweet
Top Related Dev.to Post
Top Related Hashnode Post
Yes, this is web/css concern, not a Capacitor one. For what it’s worth, Ionic Framework handles this for you.
Forget it, I was missing the viewport-fit=cover in the meta tag. Thanks!