Позиция-якорь не работает, когда якорь находится в положении: исправлено ⇐ 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;
}

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

Почему это не удалось, Я что-то упустил?

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


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