Popover: Add the option for Popover.Overlay

[simjnd]

Dialog offers the possibility of dimming the background with the Dialog.Overlay component.
I would love to have this possibility with the Popover component as well.
I cannot use the Dialog component for my purpose as I absolutely need the anchored positioning that Popover provides.

What do you think?

[huntabyte]

You should be able to accomplish this using the child snippet on the content, something like:

<Popover.Root>
	<Popover.Trigger />
	<Popover.Content>
		{#snippet child({ props, open })}
			{#if open}
				<YourOverlayHere />
			{/if}
			<div {...props}>
				<!-- popover content here -->
			</div>	
		{/snippet}
	</Popover.Content
</Popover.Root>