Closed
Description
Which generators are impacted?
- All
- HTML
- React
- Angular
- Vue
- Web components
- Power Apps
Reproduction case
We use DBCustomSelect with react-hook-form and found some issues with this setup:
How we use it:
<Controller
control={control}
name={name}
render={({ field }) => (
<DBCustomSelect
{...field}
{...props}
data-testid={testId}
values={field.value}
options={options}
onSelect={(newValue) => {
changeHandler?.(newValue);
}}
validation={errorMessage ? 'invalid' : 'no-validation'}
invalidMessage={errorMessage}
validMessage="this message shouldn't be visible"
required
/>
)}
/>
Issues we came across:
- no support for uncontrolled component: using react hook forms we did not manage to setting the fieldname by register and got the correct values on form submit
- use as controlled component: no match shows the select all checkbox (attached video)
- select all checkbox label switches on click (atteached video)
- search inputs validation messages couldn't be disabled/hidden - this validation should be optional / it's confusing because the validation is as well at the base form input field
- we'd expect an onClear handler
- allow composition for options as well
Expected Behaviour
see above ;)
Screenshots
Aufzeichnung.2025-03-31.105829.mp4
Browser version
None
Add any other context about the problem here.
No response
Metadata
Metadata
Assignees
Type
Projects
Status
✅ Done