← All Adapters

DOM + Web Component

Strategy: placement="SE, flip"

1. Compass Rose

DOM adapter

Web component

NW
N
NE
W
C
E
SW
S
SE

2. Right-Edge Overflow (TTT Bug)

2a. With placement engine

DOM — expression bar

Expression: .content_collections Browse filtered

Web component — expression bar

Expression: .content_collections Browse filtered

2b. No placement (tier 0 — CSS only)

DOM — no placement attr — strategy toggle has no effect

Expression: .tech | .news Browse filtered (no placement)

3. Wide Menu Stress

DOM — 400px min-width, right-aligned

Wide menu SE

4. Corner Stress

DOM — long titles, worst-case placements

NW corner NE corner SW corner SE corner

5. Long Menu (14 items)

14 planets (SE)  —  14 planets (N, WC)