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.

Sign up for GitHub

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

Jump to bottom

Adaptive width breaks when using portal on a Listbox/Combobox #24

Closed
wbali opened this issue Sep 26, 2022 · 1 comment · Fixed by #27
Closed

Adaptive width breaks when using portal on a Listbox/Combobox #24

wbali opened this issue Sep 26, 2022 · 1 comment · Fixed by #27
Labels
bug Something isn't working react

Comments

@wbali
Copy link

wbali commented Sep 26, 2022

Use Version
Use version when bugs appear:

  • Headless UI: v1.7.2
  • Headless UI Float: v0.9.1
  • Framework: react v18.2.0
  • @floating-ui/core: v1.0.0
  • @floating-ui/dom: v1.0.0
  • Chrome

Describe the bug
When using the adaptive width with the portal option on a Listbox (or Combobox) component the Listbox Options container is too wide.

To Reproduce
https://stackblitz.com/edit/github-uv3nar?file=src/components/ExampleListbox.tsx
@wbali wbali added the bug Something isn't working label Sep 26, 2022
@ycs77 ycs77 added the react label Oct 14, 2022
@ycs77 ycs77 mentioned this issue Oct 14, 2022
Merged
@ycs77 ycs77 closed this as completed in #27 Oct 15, 2022
@ycs77
Copy link
Owner

ycs77 commented Oct 15, 2022

Fixed in v0.10.0

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
bug Something isn't working react
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Adaptive width using JS ycs77/headlessui-float
2 participants
@wbali @ycs77