Положение: фиксированное; не работает при использовании фонового фильтра ⇐ CSS

[Гость]

Как видно из фрагмента ниже, position: fixed; верх: 0; left: 0; не работает, если у родителя есть backdrop-filter.

Почему?

Решением может быть следующее: префикс backdrop-filter с -webkit-, как показано в backdrop-filter, который не работает на iOS/влияет на позиционирование?. Но действительно ли это решение навсегда? Разве без этого не должно работать?

div { border: 1px сплошной черный; } .container { display: flex; } .box1 { дополнение: 1rem; дисплей: гибкий; } .box2 { дополнение: 1rem; дисплей: гибкий; фоновый фильтр: размытие (3 пикселя); } .item { позиция: фиксированная; верх: 0; слева: 0; цвет фона: желтый; коробка1 верхний левый элемент1 коробка2 верхний левый элемент2