Skip to content
This repository was archived by the owner on Oct 10, 2025. It is now read-only.

OTP prompt doesn't extend underneath safe areas #37

@tristan-warner-smith

Description

@tristan-warner-smith

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:

  1. Be on a device with a notch, in dark mode ideally
  2. Trigger the OTP screen with magic.auth.loginWithEmailOTP
  3. 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.

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions