Beispiel:Test-popover-verschachtelt anchor.html
Aus SELFHTML-Wiki
<!DOCTYPE html> <html lang="de"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Test verschachtelte Popover mit Anchor positioniert</title> <style> [popover] { top: 3em; left: 3em; top: anchor(top); left: anchor(right); margin: 0; } button { font-size: 1em; } button::after { content: '▼'; content: '▼' / ; } button:has(+ :popover-open)::after { content: '▲'; content: '▲' / ; }
</style>
</head>
<body>
Test verschachtelte Popover mit Anchor positioniert
<button popovertarget="u1">U1</button>
- U11
-
<button popovertarget="u12">U12</button>
- U121
-
<button popovertarget="u122">U122</button>
- U1221
-
<button popovertarget="u1222">U1221</button>
- U12221
</body> </html>
