How to make popover content match popover trigger size?

[delvin02]

This is the current code.

<div class="min-w-full">
				<Popover.Root bind:open>
					<Popover.Trigger bind:ref={triggerRef}>
					  {#snippet child({ props })}
						<Button
						  variant="outline"
						  class="w-full justify-between"
						  {...props}
						  role="combobox"
						  aria-expanded={open}
						>
						  {selectedValue || "Select a framework..."}
						  <ChevronsUpDown class="opacity-50" />
						</Button>
					  {/snippet}
					</Popover.Trigger>
					<Popover.Content class="p-0" >
					  <Command.Root>
						<Command.Input placeholder="Search framework..." />
						<Command.List>
						  <Command.Empty>No framework found.</Command.Empty>
						  <Command.Group>
							{#each frameworks as framework}
							  <Command.Item
								value={framework.value}
								onSelect={() => {
								  value = framework.value;
								  closeAndFocusTrigger();
								}}
							  >
								<Check
								  class={cn(value !== framework.value && "text-transparent")}
								/>
								{framework.label}
							  </Command.Item>
							{/each}
						  </Command.Group>
						</Command.List>
					  </Command.Root>
					</Popover.Content>
				  </Popover.Root>
			</div>

[shyakadavis]

For a dropdown menu, this works:

<DropdownMenu.Content
					align="center"
					class="w-[--bits-dropdown-menu-anchor-width] min-w-[--bits-dropdown-menu-anchor-width]"
				>

thus, I'm guessing for popover this should work:

<Popover.Content
			class="w-[--bits-popover-anchor-width] min-w-[--bits-popover-anchor-width]"

Haven't tested, so please let me know if it works.

[delvin02]

Brilliant!