> For the complete documentation index, see [llms.txt](https://ebay.gitbook.io/mindpatterns/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ebay.gitbook.io/mindpatterns/techniques/active-descendant.md).

# Active Descendant

Active descendant is a technique whereby keyboard focus remains on an element (usually a textbox) but has the *appearance* of moving elsewhere when using the arrow keys. This technique is useful so that users can continue to input text, whilst also controlling another element (usually a grid or listbox).

Compare this to a [roving tabindex](/mindpatterns/techniques/roving-tabindex.md) technique, where focus is explicitly moved to a new element each time an ARROW key is pressed.

Patterns that utilize the active descendant technique are: grid, [combobox](https://github.com/ebay/mindpatterns/tree/6c14ac7802634b97b44038d80935b912adbcd5cf/input/combobox/README.md) and [autocomplete](https://github.com/ebay/mindpatterns/tree/6c14ac7802634b97b44038d80935b912adbcd5cf/input/autocomplete/README.md).

### Code Example

Todo

### Utilities

We provide two useful JavaScript utilities for initiating active-descendant navigation on a collection of elements:

* [jquery-active-descendant](https://github.com/makeup-jquery/jquery-active-descendant)
* [makeup-active-descendant](https://github.com/makeup-js/makeup-active-descendant)