Select layout broken in FluidForm

[brunnerh]

The label is in the same space as the select element:

Code:

<FluidForm on:submit={onSubmit}>
	<!-- ... -->
	<PasswordInput labelText="Password" />
	<Select labelText="Test">
		<SelectItem text="X"/>
		<SelectItem text="Y"/>
	</Select>
</FluidForm>

My current workaround is adding an rule analogous to those found on other inputs:

.bx--form--fluid .bx--select-input
{
	min-height: 4rem;
	padding: 2rem 1rem .8125rem;
}

[metonym]

I don't think fluid dropdowns are supported. Open an issue in the flagship Carbon repo.

[brunnerh]

@metonym I do not even know where the specification of that is supposed to be. It is not listed as a component (and nothing in the Form component mentions it).

[brunnerh]

Seems to be broken in the React library as well...

[brunnerh]

@metonym I do not know what the process for implementing these things in the child projects like React and Svelte is, but the specs seem to exist already: carbon-design-system/carbon#5416

[metonym]

@brunnerh Perfect, thanks for triaging