Позиция-якорь не работает, когда якорь находится в положении: исправлено ⇐ Html

[Anonymous]

Я пытаюсь выровнять элемент по правому нижнему углу с помощью позиционирования привязки CSS

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

#sidebar {
anchor-name: --sidebar;
height: 100vh;
width: max-content;
position: fixed;
/* Sidebar is fixed to the viewport */
}

button.sidebar-toggle-button {
position: absolute;
position-anchor: --sidebar;
left: anchor(right);
bottom: anchor(bottom);
z-index: 1;
}

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

... content ...

• Когда позиция #sidebar установлена на относительную или статическую, позиция-якорь: --sidebar работает должным образом.
• Однако, когда я устанавливаю позицию: фиксированную или абсолютную на #sidebar, Chrome DevTools сообщает: «--sidebar не определена», и позиция-якорь останавливается работает.

Почему это не работает, я что-то упускаю?

Есть ли способ заставить это работать?

Подробнее здесь: https://stackoverflow.com/questions/793 ... itionfixed