Content Comparison

...

The trigger icon is displayed as an Icon Button with no label.
The Search bar extends to the left of the trigger icon, when selected.
The search results menu is divided into 3 optional sections:
- Top - Page results from the current application.
- Middle - Page results from all other applications.
- Bottom - Branch results only.
Search Focus Management (see below)

Example with all three sections:

...

The behavior of the search is based on Live Search.
Search Focus Management (see below see below under Accessibility Compliance))
Clicking the search icon button opens a search field to its left side.
Clicking anywhere outside the search field will close it.
While typing a search parameter in the search field:
- a results menu will be displayed beneath the search field.
- the search parameter will be highlighted in the results list.
Clicking on a page result will:
- navigate to the page.
- close the results menu and search field.
Clicking on a branch will:
- navigate to the first page under the selected branch.
- close the results menu and search field.
Clicking the X in the field will clear the field and close the menu, but will keep the field selected with text cursor ready to type.
Clicking Esc on the keyboard will:
- 1st click - clear the search field.
- 2nd click - close the menu.

...

Keyboard	Search icon	Search field	Results menu

Tab	Navigates to the next focusable element	Empty - closes the search field and navigates to the next focusable element Filled - navigates to the “X” icon button	N/A
Shift + Tab	Navigates to the previous component	Closes the search field and navigates to the previous component	N/A
Space	Opens the Search field	Adds a space in the search Text Field	Selects the focused item, closes the menu and search field, and loads the destined page
Enter	Opens the Search field	N/A	Selects the focused item, closes the menu and search field, and loads the destined page
Esc	N/A	Empty - closes the search field and returns it to the search icon Filled - clears the search field and closes the results menu	Clears the search field Closes the results menu Returns the focus to the search field without applying any action
Arrows	N/A	Empty - N/A Filled - Down moves the focus from the search field to the first item in the results menu. (Not applicable if there are no search results). Right/Left act as arrows in the search Text Field	Moves the focus down or up by one item Clicking Up from the first item moves the focus back to the search field Down stops at the last item in the list
Text input	N/A	Focus remains on field while text is added or removed	Focus returns to search field and the characters are entered, updating the results list accordingly

...

Versions Compared