Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[✨] Add CSS variables related to floating properties to the Popover/Select components #840

Open
bachdx96 opened this issue Jun 13, 2024 · 0 comments
Labels
STATUS-1: needs triage This doesn't seem right TYPE: enhancement New feature or request

Comments

@bachdx96
Copy link

Is your feature request related to a problem?

Currently, I have 2 problems with Popover/Select component:

  • There's no way to let the popover content's width match the trigger's width
  • I want to get the available width, height of the popover panel to make the content scroll if necessary

Describe the solution you'd like

In Radix UI, they offer CSS variables on the component.
For example --radix-popover-content-available-width and --radix-popover-content-available-height for the popover content size and --radix-popover-trigger-width and --radix-popover-trigger-height for the trigger size.

It would be great if those variable are also available in Qwik UI components for better styling.

Describe alternatives you've considered

I have tried adding position: relative to the popover container and width: 100% to the popover content. It kinda works but it seems clunky and hackish.

Additional context

No response

@bachdx96 bachdx96 added STATUS-1: needs triage This doesn't seem right TYPE: enhancement New feature or request labels Jun 13, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
STATUS-1: needs triage This doesn't seem right TYPE: enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

1 participant