Testing focusgroups

This is a test page for a focusgroup implementation that works across shadow dom boundaries according to the non active Open UI focusgroup explainer.

Regular focusgroup

• TODO: a disabled button with tabindex is a focus trap

RTL focusgroup

Horizontal focusgroup

Vertical focusgroup

Wrong usage of horizontal and vertical focusgroup

Simple horizontal with extending vertical focusgroups

Simple vertical with extending horizontal focusgroup

Simple all block nested focusgroups

Vertical nested in horizontal

Wrapping focusgroup

Shadow Dom focusgroup

Nested shadow DOM focusgroup

Light dom focusgroup with shadow dom items

Focusgroup in shadow dom with slotted items

• Shadow button 1 not reachable correctly and behaving weird if focused

Mixed light dom, shadow dom and slotted

Complicated use-case

Nested focusgroup

Nested shadow focusgroup

Deeply nested focusgroup

Weird invalid markup example

Focus interference with JS

Simple dom interference

Just in time options

A list of detail summary elements

Focusgroup in a popover

Focusgroup with popover in the middle

Focusgroup in a dialog

Different focusable elements

Not focusgroups