demo · v132
Many invokers, no anchor-names — menu per row
Each row has its own “...” button with a popovertarget. Pre-132 you'd need a unique anchor-name on every button to anchor each menu correctly; v132 makes the invoker itself the implicit anchor. Same popover element template for every row.
checking position-area + implicit invoker anchoring…
the trick
<button popovertarget="m1">...</button>
<div id="m1" popover>...</div>
[popover] {
position-anchor: auto; /* invoker = implicit anchor (v132+) */
position-area: bottom span-right;
}
see also
- Popover invoker anchor — feature index
- single invoker + area picker
- Spec PR
- ChromeStatus entry