Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

See also: Data Tables

...

  • Generally the focus will behave as in other Forms.

...

  • There is one variation on this behavior: When the focus is on the Chosen items list, and the user moves one or more selected items to the bottom of the list, the focus will move to the Up arrow (9) (instead of to the next focusable element).

  • If the user moves all the items from the chosen items list back to the available items list, the focus will automatically move from the left move button (5) to the the right move button (4).

...

Zeplin link

Screen thumbnail

https://zpl.io/2j6oopW

Happy trail

Initial state

Initial.png

Selecting items

Selecting items 2.png

After adding items to the chosen list

After adding.png

Edge cases

No items chosen

Empty2.pngImage RemovedEmpty3.pngImage Added

Maximum items exceeded

Error2.png

Optional

Grouped items

Tree.png

...