Un popover es un panel pequeño que se abre junto a un botón, para contenido interactivo: filtros, un formulario corto, un selector de color. Es un popover="auto" nativo, así que el navegador lo cierra con Esc o con un clic fuera, devuelve el foco y lo coloca justo después de su disparador en el orden de tabulación.
Una hovercard es un tooltip enriquecido. Se abre tras pasar el puntero un momento, o al instante con el foco del teclado, y describe su disparador. Sigue abierta cuando el puntero se mueve sobre ella, para que su texto se pueda leer y seleccionar.
Ambos cambian al lado opuesto cuando no hay espacio, se mantienen en pantalla y siguen a su disparador cuando la página se desplaza.
Filtros
Un popover con un formulario dentro. arrow lo hace apuntar a su disparador, y hide() lo cierra desde el código.
Showing open, in review issues.
Hovercard
Pasa el puntero sobre un nombre, o llega a él con Tab. La tarjeta describe el enlace, así que los lectores de pantalla la leen después del nombre.
Lados y animaciones de entrada
side y align definen dónde se abre; start y end siguen la dirección de escritura. enter y motion definen cómo entra en escena.