test(focus-scope): shadow root issue patched example

[ldelhommeau]

This is an example branch about the focus isse mentionned in #1667 :

When using an input field inside a Dialog that dynamically updates content within the Dialog, the focus keeps switching back to DialogContent, disrupting the user experience.

The reproduction branch is this one: #2331
The fix is here: #2352

What has been patched

See the patch here: #2352

How to reproduce

• clone the repo
• install dependencies
• run pnpm story:dev
• wait for all stories to load
• go on http://localhost:6006/__sandbox.html?storyId=packages-core-src-combobox-story-comboboxshadowroot-story-vue&variantId=packages-core-src-combobox-story-comboboxshadowroot-story-vue-0
• click on the button to open the dialog inside the shadow root
• focus the input inside the dialog (by click on keyboard)
• start typing inside the input
• you should not loose the focus anymore on the input

Expected behaviour

The focus should not be lost.
Here is an example of how it should behave.

Screen.Recording.2025-12-23.at.13.18.50.1.1.mp4

[pkg-pr-new]

Open in StackBlitz

npm i https://pkg.pr.new/reka-ui@2353

commit: 305b528

[coderabbitai]

Important

Review skipped

Draft detected.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

---

_{Comment @coderabbitai help to get the list of available commands and usage tips.}