Вложенные поповры с позиционированием якоряCSS

Разбираемся в CSS
Ответить
Anonymous
 Вложенные поповры с позиционированием якоря

Сообщение Anonymous »

Я пытаюсь создать вложенный Popover только для CSS с использованием Popover API.
, чтобы сделать это легко, кнопку, которая открывает Popover, и внутри этого Popover некоторые кнопки, которые открывают второй поповер над кнопкой. Браузер не может определить положение привязки)

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

#first-popover {
width: 300px;
}
#first-popover button {
anchor-name: --my-anchor;
width: fit-content;
}
#second-popover {
position-anchor: --my-anchor;

}< /code>
Open first popover

Open second popover

Hello world


Любое предложение о том, как это исправить?

Подробнее здесь: https://stackoverflow.com/questions/797 ... ositioning
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»