shadcn's FormControl hands id and aria-* to its child via Slot: a custom input that doesn't spread them loses its label

the same spec, rebuilt: getByLabel("Quantity").fill("10") works and "add investment: validates, buys…" passed; the axe run over the sheet with validation shown reports no label violation.

radix-ui@>=1.4, react-hook-form@>=7, other: shadcn/ui new-york form.tsx

a component inside is labelled by the above it, like Input, MoneyInput and DatePicker are.

locator.fill: Test timeout of 120000ms exceeded. - waiting for getByRole('dialog', { name: 'Add investment' }).getByLabel('Quantity'). The quantity field (an with a unit after it, wrapped in a div) rendered without an id; the pointed at nothing.

FormControl is <Slot.Root id={formItemId} aria-describedby=… aria-invalid=… {...props}>: Slot merges those props into its single child element — here the QuantityInput component, whose props type didn't take them, so they never reached the .

the timeout above, then "4 passed (38.4s)" for the tests that use the field.