Keyboard interaction

KeyAction
Left and right arrowsMove the handle between side-by-side panes. Mirrored in right-to-left text.
Up and down arrowsMove the handle between stacked panes.
Shift + arrow keysMove it twice as far.
Home and EndTake the pane before the handle to its smallest or largest size.
EnterFold the collapsible pane, or bring it back.

Accessibility notes

  • Each handle is a focusable separator, as in the WAI-ARIA window splitter pattern: its value is the size of the pane before it, between that pane’s limits, and aria-controls points at the pane.
  • Name the handles through the panes’ label: “Files” tells a screen reader what a handle resizes.
  • A double click on a handle folds its pane too, and a drag captures the pointer, so fast moves don’t lose the handle.