Skip to main content
Material
Components
CDK
Guides
9.2.4
arrow_drop_down
format_color_fill
GitHub
Components
CDK
Guides
menu
Accessibility
Common Behaviors
keyboard_arrow_up
Accessibility
Bidirectionality
Clipboard
Drag and Drop
Layout
Observers
Overlay
Platform
Portal
Scrolling
Text field
Components
keyboard_arrow_up
Stepper
Table
Tree
Testing
keyboard_arrow_up
Component Harnesses
overview
api
examples
Examples for a11y
Monitoring focus with FocusMonitor
code
open_in_new
Focus Monitored Element (blurred)
Focus Monitored Subtree (blurred)
Child Button 1
Child Button 2
Focusing with a specific FocusOrigin
code
open_in_new
1. Focus Monitored Element (blurred)
2. Not Monitored
Mouse
Simulated focus origin
Focus button #1
Focus button #2
Monitoring focus with FocusMonitor
code
open_in_new
Focus Monitored Element (blurred)
Focus Monitored Subtree (blurred)
Child Button 1
Child Button 2
Select a version of the documentation
Select a theme for the documentation
View code
Edit Monitoring focus with FocusMonitor example in StackBlitz
Edit Focusing with a specific FocusOrigin example in StackBlitz