makeup-navigation-emitter

Set focus inside on any of the focusable elements, then use ARROW keys to update model.

NOTE: This module does not do any focus management, it only models state, and triggers an event on state change (see developer console for events). So do not expect arrow keys to change focus.

This module creates the underlying model for makeup-roving-tabindex and makeup-active-descendant. Those modules will change focus on arrow keys. You probably don't need to use this module directly.

Example 1 - Roving Tabindex style

Example 2 - Activedescendant style

Example 3 - "Owned" Activedescendant style

Tools