ポップオーバー

ポップオーバーは、ボタンの横に開く小さなパネルで、フィルター、短いフォーム、カラーピッカーなど、操作するものに使います。ネイティブの popover="auto" なので、Esc キーや外側のクリックでブラウザーが閉じてフォーカスを戻し、タブ順序ではトリガーの直後に置きます。

ホバーカードはリッチなツールチップです。少しホバーすると開き、キーボードでフォーカスするとすぐに開いて、トリガーを説明します。ポインターがカードの上に移っても開いたままなので、テキストを読んだり選択したりできます。

どちらも、スペースがなければ反対側に反転し、画面内にとどまり、ページのスクロールに合わせてトリガーに追従します。