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 floating-ui to @carbon/react ComboBox #16470

Open
Tracked by #14139
tay1orjones opened this issue May 14, 2024 · 0 comments · May be fixed by #16585
Open
Tracked by #14139

Add floating-ui to @carbon/react ComboBox #16470

tay1orjones opened this issue May 14, 2024 · 0 comments · May be fixed by #16585
Assignees
Milestone

Comments

@tay1orjones
Copy link
Member

tay1orjones commented May 14, 2024

This issue is for implementing floating-ui within ComboBox. This will be very similar to the implementation of floating-ui in Dropdown, #15865

The high level tasks are

  • Add an experimental autoAlign prop
  • Add the useFloating hook, only provide a config object when autoAlign, an empty config object when !autoAlign
  • Set the refs.setReference on the trigger
  • Set the refs.setFloating on the floating element (listbox)
  • Apply floatingStyles to the refs.floating.current using CSSOM
  • Modify styles as needed by adding a new auto align class and use :not()
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Status: 🏗 In Progress
2 participants