Action menu
Focus “Actions”, then press Arrow Down. Focus must remain on “Rename” after the menu has opened and positioned. Press Arrow Down again to move to “Duplicate”; continue with arrows and test wrapping at both ends.
Interaction test bench
Keyboard controls
Use only the keyboard to exercise Actual's supported composite-control behavior. The focus monitor makes delayed focus changes visible.
Current focus:
Support matrix
| Pattern | Entry / open | Within the control | Exit / dismiss | Owner |
|---|---|---|---|---|
| Action menu Flyout | Arrow Down / Up, Home / End | Arrow Up / Down, Home / End, Enter / Space | Tab, Escape, outside click | Actual |
| Navigation Flyout | Arrow Down, Enter / Space, Tab when open | Normal link tab order | Escape, outside click | Actual + native links |
| Context menu | Context Menu key or Shift + F10 | Arrow Up / Down, Home / End, Enter / Space | Tab, Escape, outside click | Actual |
| Tabs | One tab stop | Active-axis arrows, Home / End; RTL-aware | Tab; Arrow Down enters a horizontal panel | Actual |
| Tooltip | Focus trigger | Supplemental content is not interactive | Escape or blur | Actual |
| Dialog | Activate trigger | Native dialog focus behavior | Escape or close command | Browser + Actual trigger wiring |
Flyouts and menus
Two different keyboard contracts
An action menu uses Arrow Down to open, then Arrow Up and Arrow Down to move between actions. A navigation panel uses Arrow Down to open and focus its first link, then Tab to move through links in their normal HTML tab order. Arrow keys intentionally do not navigate inside a navigation panel.
Start on the control immediately before each trigger so the complete tab sequence is observable.
Navigation panel
Arrow Down opens and focuses the first link. Inside the panel, normal Tab order applies; arrow keys intentionally do not navigate between links.
Sequence: Arrow Down to open, then Tab to continue.
Context menu
Focus the dashed target and press the Context Menu key or Shift + F10. The first item should receive and retain focus.
Keyboard-addressable file.txt
Rich and checkable items
Arrow keys visit every item. Enter or Space toggles the checkbox or
selects one radio item; the application updates aria-checked.
Auto-close policies
Each fixture has one button inside its flyout and one outside target.
Escape and clicking the disclosure always remain available. The manual
fixture also demonstrates an explicit data-flyout-close control.
Default: inside and outside
Either “Inside action” or “Outside target” closes the panel.
Inside only
The inside action closes; the outside target leaves the panel open.
Outside only
The inside action leaves the panel open; the outside target closes it.
Manual
Inside and outside clicks leave it open. Only “Done”, Escape, or the disclosure closes it.
Horizontal tabs
Left and Right wrap. Home and End select edges. Arrow Down moves into the selected panel.
Vertical tabs
Up and Down wrap. Left and Right are intentionally ignored.
Inherited RTL tabs
The tablist inherits RTL from its container: Right moves visually left and Left moves visually right.
Dismissal and native behavior
Tooltip
Tab to the trigger, then press Escape. Focus stays on the trigger while the tooltip closes.
Dialog
Activate the trigger, inspect native focus movement, then press Escape or use the close button.