focus-group demo

Return to the repository

The states

In this example, stringSearch is on, so you can search by typing once focus is within the group. The default letter keys apply: down moves forward through the group, and up moves back. All the list items have a -1 tabindex, so do not receive focus just by tabbing through. And if you hit tab while moving through, focus will leave the group.

Women's rights activists

In this example, the focus-group's members are all links, so they do receive focus when tabbing through. But all the arrows are active in making navigation through the list easier. So is searchString. Additionally, wrap is on, so when navigating with the arrows focus will wrap around from bottom to top and top to bottom.

Return to the repository