Skip to content

feat(dismissable-layer): add shadow root support#2358

Closed
ldelhommeau wants to merge 5 commits intounovue:v2from
ldelhommeau:feat/dimissible-layer-shadow-root
Closed

feat(dismissable-layer): add shadow root support#2358
ldelhommeau wants to merge 5 commits intounovue:v2from
ldelhommeau:feat/dimissible-layer-shadow-root

Conversation

@ldelhommeau
Copy link
Copy Markdown
Contributor

No description provided.

@ldelhommeau ldelhommeau force-pushed the feat/dimissible-layer-shadow-root branch 2 times, most recently from 88ee42d to f41534d Compare January 2, 2026 09:16
/>
</ComboboxTrigger>
</ComboboxAnchor>
<ComboboxPortal :to="portalTarget">
Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Combobox popper element will be teleported to the shadow root given div. (in props)

>
Main Trigger
</DialogTrigger>
<DialogPortal :to="portalTarget">
Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Dialog dismissable layer will be teleported into shadow root (from props given div)

/>
</DropdownMenuTrigger>

<DropdownMenuPortal :to="portalTarget">
Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Same here, using the portal to teleport the dropdown popper element into shadow root.

>
<Icon icon="radix-icons:gear" />
</PopoverTrigger>
<PopoverPortal :to="portalTarget">
Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Same here to teleport Popover popper element into shadow root

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

To create a simple Shadow Root container and mount DialogShadowRoot inside

@pkg-pr-new
Copy link
Copy Markdown

pkg-pr-new bot commented Jan 2, 2026

Open in StackBlitz

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

commit: 6038732

@ldelhommeau ldelhommeau force-pushed the feat/dimissible-layer-shadow-root branch from 7359ea7 to 1641e82 Compare January 2, 2026 10:34
@ldelhommeau ldelhommeau changed the title feat(dimissible-layer): add shadow root support feat(dismissable-layer): add shadow root support Jan 2, 2026
@ldelhommeau
Copy link
Copy Markdown
Contributor Author

Closing this PR in favor of this new one:
#2380

Which has fewer changes.

@ldelhommeau ldelhommeau closed this Jan 8, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant