Gallery demo

Spatial navigation can sometimes work unexpectedly, with the cursor either moving to seemingly random elements or not moving past a particular element, as with the first example below.

Using CSS such as nav-right: #2; it is possible to specify which element should receive focus next when spatial navigation is used, as in the second example below.

List with nav-left/nav-right

List without nav-left/nav-right

Window size: x
Viewport size: x