Popover — это небольшая панель рядом с кнопкой для интерактивного содержимого: фильтров, короткой формы, выбора цвета. Это нативный popover="auto", поэтому браузер закрывает его по Esc или клику снаружи, возвращает фокус и ставит панель в порядке табуляции сразу после триггера.

Hovercard — это расширенная всплывающая подсказка. Она открывается после короткого наведения или сразу при фокусе с клавиатуры и описывает свой триггер. Она не закрывается, когда указатель переходит на неё, так что текст можно прочитать и выделить.

Оба компонента переходят на другую сторону, если не хватает места, остаются в пределах экрана и следуют за триггером при прокрутке.

Фильтры

Popover с формой внутри. arrow направляет на триггер стрелку, а hide() закрывает панель из кода.

Showing open, in review issues.

Hovercard

Наведите указатель на имя или перейдите к нему клавишей Tab. Карточка описывает ссылку, поэтому скринридеры читают её после имени.

Reviewed by @ada and @grace.

Стороны и появление

side и align задают, где открывается панель; start и end зависят от направления письма. enter и motion задают, как она появляется.