search

MudBlazor / MudBlazor

Blazor Component Library based on Material design with an emphasis on ease of use. Mainly written in C# with Javascript kept to a bare minimum it empowers .NET developers to easily debug it if needed.
http://mudblazor.com
MIT License
7.8k stars 1.25k forks source link

Appbar overlay IOS Top StatusBar #8922

Open whann0205 opened 4 months ago

whann0205 commented 4 months ago

Bug type

Component

Component name

Appbar

What happened?

2024-05-08_02-17-16-PM As you can see the text is below the Status Bar of the IOS Simulator, the appbar overlay the status bar. Please find below the source code. OverlayIOSBlazor.zip

Expected behavior

The Appbar should not overlay the IOS Status bar!

Reproduction link

see above

Reproduction steps

  1. Create new Blazor Hybrid Net Maui App
  2. Add Mudblazor
  3. Create Custom Main Layout
  4. Use Mudlayout and Appbar ...

Relevant log output

No response

Version (bug)

6.19.1

Version (working)

No response

What browsers are you seeing the problem on?

Other

On which operating systems are you experiencing the issue?

iOS

Pull Request

Code of Conduct

whann0205 commented 2 months ago

I really would like to deploy that application, but i cannot because of that appbar bug. Anyone has a solution, workaround?

chaoserene commented 3 weeks ago

@whann0205 In your MainPage.xml you have to add this directive:

xmlns:ios="clr-namespace:Microsoft.Maui.Controls.PlatformConfiguration.iOSSpecific;assembly=Microsoft.Maui.Controls"
ios:Page.UseSafeArea="True"