Skip to content

popove ccontent width depending on anchor width - #53

Open
pantharius wants to merge 1 commit into
sersavan:mainfrom
pantharius:patch-1
Open

popove ccontent width depending on anchor width#53
pantharius wants to merge 1 commit into
sersavan:mainfrom
pantharius:patch-1

Conversation

@pantharius

Copy link
Copy Markdown

No description provided.

@vercel

vercel Bot commented Feb 13, 2025

Copy link
Copy Markdown
Contributor

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
shadcn-multi-select-component ✅ Ready (Inspect) Visit Preview 💬 Add feedback Feb 13, 2025 11:36pm

className="w-auto p-0"
align="start"
onEscapeKeyDown={() => setIsPopoverOpen(false)}
style={{ width: "var(--radix-popper-anchor-width)" }}

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Suggested change
style={{ width: "var(--radix-popper-anchor-width)" }}

@@ -282,6 +282,7 @@ export const MultiSelect = React.forwardRef<
className="w-auto p-0"

@s3f5 s3f5 Feb 14, 2025

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Suggested change
className="w-auto p-0"
className="w-[var(--radix-popper-anchor-width)] p-0"

You can also do it in tw 🙂 Also you could use w-[--radix-popover-trigger-width]

Anyway this is kinda duplicate of #53

Copy link
Copy Markdown
Author

Choose a reason for hiding this comment

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

Thanks, I didn't know how to do that with Tw but great to know.
Sorry for duplicate, this can be closed so

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.

2 participants