You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{{ message }}
This repository has been archived by the owner on Sep 4, 2024. It is now read-only.
Describe the bug
When the OTP is presented on a device with a notch, the content doesn't extend under the safe areas resulting in prominent bars as shown. Shown in dark mode where it's more obvious.
To Reproduce
Steps to reproduce the behavior:
Be on a device with a notch, in dark mode ideally
Trigger the OTP screen with magic.auth.loginWithEmailOTP
See the bars
Expected behavior
The loaded web view should extend under the safe area and the loaded content should continue to respect the safe area.
Screenshots
Here's the view debugger showing the scrollview, made red. With the subview inside respecting safe area.
You can get the subview to extend under the safe areas by adding: contentInsetAdjustmentBehaviour = .never
But you'll then need the web content to adjust the close button etc using the css for safe areas
Environment
Package Version: 10.0.1
XCode Version: 15.3
Swift Version: 5.9
Simulator / Device OS: iOS 17
Additional context
Add any other context about the problem here.
The text was updated successfully, but these errors were encountered:
It could be but this is the default, out-of-the-box experience so I think it needs fixing separately.
I mentioned before but we aren't doing the work to use the view host yet so the default experience is still this ☝️
Describe the bug
When the OTP is presented on a device with a notch, the content doesn't extend under the safe areas resulting in prominent bars as shown. Shown in dark mode where it's more obvious.
To Reproduce
Steps to reproduce the behavior:
magic.auth.loginWithEmailOTP
Expected behavior
The loaded web view should extend under the safe area and the loaded content should continue to respect the safe area.
Screenshots
Here's the view debugger showing the scrollview, made red. With the subview inside respecting safe area.
You can get the subview to extend under the safe areas by adding:
contentInsetAdjustmentBehaviour = .never
But you'll then need the web content to adjust the close button etc using the css for safe areas
Environment
Additional context
Add any other context about the problem here.
The text was updated successfully, but these errors were encountered: