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

FluidForm specification and compatibility with input components #7737

Closed
2 of 3 tasks
brunnerh opened this issue Feb 3, 2021 · 2 comments
Closed
2 of 3 tasks

FluidForm specification and compatibility with input components #7737

brunnerh opened this issue Feb 3, 2021 · 2 comments

Comments

@brunnerh
Copy link

brunnerh commented Feb 3, 2021

What package(s) are you using?

  • carbon-components
  • carbon-components-react
  • {carbon-components-svelte}

Detailed description

Where is the behavior and functionality of FluidForm specified? I saw it implemented in the React and Svelte packages but it is not mentioned anywhere in the docs.

I found that the Select component has a broken layout when using in a FluidForm in both of these packages (carbon-design-system/carbon-components-svelte#502)

So, is that supposed to work and if not, what is the purpose of FluidForm if it does not support all basic input components?

Steps to reproduce the issue

  1. Add a Select as a child of FluidForm.
  2. Set labelText of Select and add SelectItem children to see the overlapping texts.

codesandbox

Additional information

image

@tw15egan
Copy link
Member

tw15egan commented Feb 3, 2021

Hey there @brunnerh, unfortunately, FluidForm hasn't been fully developed as of yet and only supports TextInput.

The issue containing all the design specs can be found here #5416

@brunnerh
Copy link
Author

brunnerh commented Feb 3, 2021

@tw15egan Oh, so it is simply a work in progress. Thanks!

@brunnerh brunnerh closed this as completed Feb 3, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants