Поповер

Атрибут popover глобального атрибута используется для обозначения элемента как элемента поповера.

Элементы поповера скрыты посредством display: none до открытия с помощью вызывающего/управляющего элемента (например, <button> или <input type="button"> с атрибутом popovertarget) или вызова HTMLElement.showPopover().

При открытии элементы поповера будут отображаться над всеми другими элементами в верхнем слое и не будут влиять на стили position или overflow родительских элементов.

Атрибут поповера может принимать значения "auto" (по умолчанию) или "manual". Поповеры со статусом auto могут быть закрыты, щелкнув вне области поповера, и обычно позволяют отображать только один поповер на экране за раз. В отличие от этого, manual поповеры всегда необходимо закрывать явно, но позволяют использовать такие варианты, как вложенные поповеры в меню.

Для подробной информации об использовании см. страницу документации API поповеров.

В следующем примере показана кнопка, которая открывает элемент поповера при активации.

<button popovertarget="my-popover">Open Popover</button>

<div popover id="my-popover">Greetings, one and all!</div>

• API поповеров
• popovertarget атрибут HTML
• popovertargetaction атрибут HTML
• ::backdrop псевдоэлемент CSS
• :popover-open псевдокласс CSS