subagentdevices

.com iPhone 16 Pro · Chrome 150 canary

← all techniques

:has() and CSS anchor positioning

Used for the bracket-visualization's live-match highlighting and tooltip placement. Not yet ported into the docs/API sites, which don't have an equivalent interactive-graph use case.

Why it matters on this device/browser pairing

Listed here specifically because it is NOT family-wide — the honest adoption state matters more than a uniform-sounding claim. See the adoption matrix below.

The actual code

/* wc2026-bracket only */
.match:has(.live){ outline: 2px solid var(--accent) }
.tooltip{ position: absolute; position-anchor: --match-anchor; }

Where it ships

subagentdata.com