makeup-(keyboard)-navigation-emitter demo

TIP: open developer console to see events!

This module does not do any keyboard focus management, it only models state and triggers events. It is the job of consumers, such as makeup-roving-tabindex and makeup-active-descendant to do focus management based on the model and the events it emits. You probably don't ever need to use this module directly!

Set keyboard focus inside on any of the focusable "widgets", then use ARROW keys to update model. For the purpose of demonstration/testing, aria-disabled items are greyed out. Hidden items have strike-through. Disabled and hidden items are included in indexing, but skipped in navigation.

Example 1 - Item-Based Relationship

Example 2 - Container-Based Relationship

Example 3 - External-Based Relationship

Tools