gpui-focus-handle

What problem does it solve?

GPUI focus management ensures keyboard navigation and focus tracking across focusable elements, enabling accessible and predictable user interfaces.

Core Features & Use Cases

• FocusHandle: A reference to a focusable element that persists across renders.
• Focus Tracking: Keeps track of the current focused element and updates UI accordingly.
• Keyboard Navigation: Supports Tab/Shift-Tab traversal and focus events (on_focus, on_blur).
• Use Case: Build a dialog or form where focus is trapped within the container and returns to the prior element when closed.

Quick Start

Create a FocusHandle in your component: let focus_handle = cx.focus_handle(); Attach to elements: div().track_focus(&focus_handle); Respond to focus: .on_focus(cx.listener(|this, _event, cx| { /* handle focus */ }))