The macOS statusbar overlays the web view on Mac Catalyst

[qpwr]

Bug Report

Problem

What is expected to happen?

If building for Mac Catalyst, the statusbar shouldn't overlay the web view.

What does actually happen?

The statusbar (which can't be disabled/hidden on macOS) overlays the web view and covers content which can't be reached through scrolling.

Information

The issue can be easily reproduced by using the HelloWorld example app and adding this right after the body tag in www/index.html:

<div style="font-size:5rem;">EXAMPLE TEXT</div>

After building the app for Mac Catalyst (not for Designed for iPad!), the view should look like this, the added text is cut off at the top:

More info:

• The plugin cordova-plugin-statusbar doesn't help with the issue, I've tried all possible combinations
• None of the following settings in xcode seem to make any difference:
  • Mac Catalyst Interface: Optimize for Mac vs. Scaled to match iPad
  • Status Bar Style
  • Hide during application launch (on vs. off)
  • Requires Full screen (on vs. off)

Environment, Platform, Device

• Macbook Pro 16'' 2023
• macOS Sonoma 14.5

Version information

• cordova-ios 7.1.1

Checklist

• [x] I searched for existing GitHub issues
• [x] I updated all Cordova tooling to most recent version
• [x] I included all the necessary information above