Позиция: исправлено не работает на ios 18 вместе с запросами контейнера ⇐ IOS

[Anonymous]

Я хотел создать липкий фон, чтобы он не прокручивался вместе со страницей на iPhone 15 Pro с iOS 18, но возникла проблема — если в классе есть контейнер со свойством page/inline-size set, позиция:fixed перестает работать.
Вот мой код в scss.

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

.page {
margin: 0 auto;
min-inline-size: 320px;
min-block-size: 100dvb;
position: relative;
// background-color: var(--color-bg, #fff);
// background-image: var(--gradient-light-scheme);
// background-attachment: fixed;
font-family: var(--main-font, 'inter-variable', sans-serif);
font-weight: var(--font-weight-main);
color: var(--font-main-color, #000);
container: page / inline-size;

&::after {
content: '';
display: block;
position: fixed;
inset: 0;
block-size: 100vh;
background-color: var(--color-bg, #fff);
background-image: var(--gradient-light-scheme);
z-index: -1;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
}

Я хочу, чтобы фон страницы не перемещался вместе с ней, а оставался неподвижным.

Подробнее здесь: https://stackoverflow.com/questions/790 ... r-requests