[Bug]: PanelHeader: включать боковые отступы на основе area-insets в fixed режиме только на iOS платформе.

[andrey-medvedev-vk]

Описание

Проблема более глобальная.
Если взять приложение, которое имеет ограниченную ширину, скажем ограниченную контейнером в 600px, то на iOS (например на симуляторе), в горизонтальной ориентации экрана, PanelHeader в режиме fixed будет уже чем само приложение.

Всё потому, что у нас применяются боковые паддинги для FixedLayout со значением safe-area-inset-left/right

VKUI/packages/vkui/src/components/FixedLayout/FixedLayout.module.css

Lines 16 to 17 in caac1c8

	padding-inline: var(--vkui_internal--safe_area_inset_left)
	var(--vkui_internal--safe_area_inset_right);

В качестве решения можно было предоставить проп для отключения этих паддингов, чтобы пользователи сами могли настраивать через js реакцию на safe-area-inset.
Либо включать эти паддинги только для iOS платформы, как мы делаем для Panel

VKUI/packages/vkui/src/components/Panel/Panel.module.css

Lines 63 to 67 in caac1c8

	:global(.vkuiInternalView--ios) .Panel__in {
	padding-block: 0 var(--vkui_internal--safe_area_inset_bottom);
	padding-inline: var(--vkui_internal--safe_area_inset_left)
	var(--vkui_internal--safe_area_inset_right);
	}

Ни одно из этих решений не является идеальным. Надо подумать над лучшим решением, если это возможно.

Версия

v6, v7.1.0

В каких браузерах воспроизводится проблема?

Safari

Шаги воспроизведения

No response

Ожидаемое поведение

No response

Скриншоты

Внимание на паддинги (то что элемент чуть вправо выпадает, это другая особенность FixedLayout и примера)

Пример с воспроизведением

No response

[niktariy]

Не совсем понимаю, а в чём проблема? Что в Box Model 500x48 отображается? Это же нормально, ведь там отступы по 50 с двух сторон.