feat(focus-scope): Take shadow DOM elements in consideration for focus management#3838

Open

fbouquet wants to merge 22 commits into

radix-ui:mainfrom

fbouquet:focus-scope-shadow-dom

Commits on Apr 2, 2026

feat(deep-active-element): create deep-active-element package

cpsoinos
authored and
fbouquet
committed
feat(focus-scope): use get-deep-active-element to cross the shadow DOM boundary

cpsoinos
authored and
fbouquet
committed
feat(react-menu): use get-deep-active-element to cross the shadow DOM boundary

cpsoinos
authored and
fbouquet
committed
feat(react-navigation-menu): use get-deep-active-element to cross the shadow DOM boundary

cpsoinos
authored and
fbouquet
committed
feat(react-one-time-password-field): use get-deep-active-element to cross the shadow DOM boundary

cpsoinos
authored and
fbouquet
committed
feat(react-password-toggle-field): use get-deep-active-element to cross the shadow DOM boundary

cpsoinos
authored and
fbouquet
committed
feat(react-roving-focus-group): use get-deep-active-element to cross the shadow DOM boundary

cpsoinos
authored and
fbouquet
committed
feat(react-select): use get-deep-active-element to cross the shadow DOM boundary

cpsoinos
authored and
fbouquet
committed
feat(react-toast): use get-deep-active-element to cross the shadow DOM boundary

cpsoinos
authored and
fbouquet
committed
chore(cross-package): format

cpsoinos
authored and
fbouquet
committed
fix(deep-active-element): remove unused dependency

cpsoinos
authored and
fbouquet
committed
chore(deep-active-element): remove unused dev dependencies

cpsoinos
authored and
fbouquet
committed
refactor(cross-package): move getDeepActiveElement to @radix-ui/primitives

cpsoinos
authored and
fbouquet
committed
fix(primitive): handle null cases in getDeepActiveElement function

cpsoinos
authored and
fbouquet
committed
fix(menu): resolve shadow DOM submenu closing issues

authored and
fbouquet
committed
refactor(menu): clean up shadow DOM implementation

authored and
fbouquet
committed
refactor(primitive,menu): move isInShadowDOM utility to primitive

cpsoinos
authored and
fbouquet
committed
refactor(menu): use constant for custom event name

cpsoinos
authored and
fbouquet
committed
fix(menu): revert problematic pointer grace intent handling in shadow DOM

cpsoinos
authored and
fbouquet
committed
feat(focus-scope): Take shadow DOM elements in consideration for focus management
fbouquet
committed
chore(storybook): Add WithShadowDOM story for FocusScope
fbouquet
committed
Add test case for focus loop with shadow DOM
fbouquet
committed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

feat(focus-scope): Take shadow DOM elements in consideration for focus management#3838

feat(focus-scope): Take shadow DOM elements in consideration for focus management#3838
fbouquet wants to merge 22 commits into
radix-ui:mainfrom
fbouquet:focus-scope-shadow-dom

Commits on Apr 2, 2026

feat(deep-active-element): create deep-active-element package

feat(focus-scope): use get-deep-active-element to cross the shadow DOM boundary

feat(react-menu): use get-deep-active-element to cross the shadow DOM boundary

feat(react-navigation-menu): use get-deep-active-element to cross the shadow DOM boundary

feat(react-one-time-password-field): use get-deep-active-element to cross the shadow DOM boundary

feat(react-password-toggle-field): use get-deep-active-element to cross the shadow DOM boundary

feat(react-roving-focus-group): use get-deep-active-element to cross the shadow DOM boundary

feat(react-select): use get-deep-active-element to cross the shadow DOM boundary

feat(react-toast): use get-deep-active-element to cross the shadow DOM boundary

chore(cross-package): format

fix(deep-active-element): remove unused dependency

chore(deep-active-element): remove unused dev dependencies

refactor(cross-package): move getDeepActiveElement to @radix-ui/primitives

fix(primitive): handle null cases in getDeepActiveElement function

fix(menu): resolve shadow DOM submenu closing issues

refactor(menu): clean up shadow DOM implementation

refactor(primitive,menu): move isInShadowDOM utility to primitive

refactor(menu): use constant for custom event name

fix(menu): revert problematic pointer grace intent handling in shadow DOM

feat(focus-scope): Take shadow DOM elements in consideration for focus management

chore(storybook): Add WithShadowDOM story for FocusScope

Add test case for focus loop with shadow DOM