Popover: Multiple Triggers

[abdel-17]

Describe the bug

I want to use a singleton pattern with the <Popover> component. You can have multiple Popover.Trigger components, but focus always goes back to the last one.

EDIT: I also noticed that the first trigger always opens the popover rather than flip its open state.

Reproduction

https://stackblitz.com/edit/vitejs-vite-r3q6snjf?file=src%2FApp.svelte

Logs

System Info

System:
    OS: Linux 6.6 openSUSE Tumbleweed 20250616
    CPU: (16) x64 AMD Ryzen 7 9800X3D 8-Core Processor
    Memory: 12.54 GB / 15.15 GB
    Container: Yes
    Shell: 5.9 - /usr/bin/zsh
  Binaries:
    Node: 22.15.1 - /usr/bin/node
    npm: 10.9.2 - /usr/bin/npm
    pnpm: 10.12.4 - /usr/bin/pnpm
  npmPackages:
    bits-ui: ^2.8.10 => 2.8.10
    svelte: ^5.34.9 => 5.34.9

Severity

annoyance

[DarthGigi]

A singleton pattern option for popover and tooltips would be amazing!

[huntabyte]

This could work but we need to ensure we aren't violating every a11y pattern in the book. We'd need to track a reference as to which trigger caused the popover to open and then restore focus appropriately. So something like an activeTrigger reference that we keep and then clear when focus is restored to it/the popover is closed.