Заголовок приложения перекрывается собственной верхней панелью Android в проектах типа «.NET MAUI Blazor Hybrid and Web ⇐ Android

[Anonymous]

Стандартный проект (вернее, группа из 4 проектов) типа .NET MAUI Blazor Hybrid и Web App:


Установите **WebAssembly** в качестве **интерактивного режима рендеринга**:


Я еще не редактировал код, сгенерированный Visual Studio 2026.
Запуск приложения для создания приложения с помощью эмулятора Android:


Заголовок приложения почти не виден, и даже XAML Live Previewer его обнаруживает:


Пробовал эмуляцию других, более свежее устройство. Несмотря на то, что отображение отличается, оно перекрывается с верхней панелью Android:


Версия Windows отображается нормально (на первый взгляд):


Это ошибка Blazor и/или .NET MAUI?
Отчет о первой попытке решения
В настоящее время все стили используются по умолчанию:


Добавление следующих наборов правил.
Чтобы убедиться, что стили действительно применяются, я также изменю цвет фона

Код: Выделить всё

/* Make % heights actually resolvable */
html, body {
height: 100%;
margin: 0;
background: gold;
}

/* Your full-height container */
.page {
min-height: 100vh;   /* fallback */
min-height: 100dvh;  /* modern browsers (dynamic viewport height) */
}

/* If you want to be extra safe about support */
@supports (min-height: 100dvh) {
.page { min-height: 100dvh; }
}

Ничего не изменилось (кроме цвета фона):


Наборы правил включают набор правил для элемента с классом страницы.
Я изменю разметку домашней страницы с

Код: Выделить всё

@page "/"

Home

Hello, world!

Welcome to your new app.

для

Код: Выделить всё

@page "/"

Home

Hello, world!

Welcome to your new app.

Я также добавлю цвет фона в класс .page.
Никаких существенных изменений:



Подробнее здесь: https://stackoverflow.com/questions/798 ... -of-net-ma