dotnet / dotnet/maui

[iOS] Content renders under iOS navigation bar when using Native Embedding in .NET MAUI

Open
#31,389 1 comment 0 reactions 0 assignees View on GitHub
area-navigation platform/ios s/triaged s/verified t/bug t/native-embedding
Dominant language
C#
Stars
23.3k
Forks
2k
Avg merge
1d 10h
Merged PRs (30d)
306

Description

### Description

When embedding a .NET MAUI page into a native iOS app using Native Embedding, the page content (e.g., CollectionView) renders starting from the very top of the screen, under the navigation bar and status bar.

### Steps to Reproduce

Sample Location - https://github.com/MuthukumarMadasamy/maui-samples/tree/SafeAreaSample/9.0/PlatformIntegration/NativeEmbeddingDemo

Run the sample in iOS -> Click "Show Draggable List" Button.

Observe that the content starts from the top of the screen (under the nav bar).
Compare with the same page in a normal MAUI NavigationPage—content is below the nav bar.

### Link to public reproduction project repository

https://github.com/MuthukumarMadasamy/maui-samples/tree/SafeAreaSample

### Version with bug

9.0.100 SR10

### Is this a regression from previous behavior?

Not sure, did not test other versions

### Last version that worked well

_No response_

### Affected platforms

iOS

### Affected platform versions

iOS 18.6

### Did you find any workaround?

Yes, setting UseSafeArea to true resolved the issue. However, in the .NET Multi-platform sample, when using a NavigationPage without enabling UseSafeArea, the CollectionView is rendered beneath the navigation bar.

### Relevant log output

```shell

```

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.