-
Notifications
You must be signed in to change notification settings - Fork 10
Labels
good first issueGood for newcomersGood for newcomers⏏️custom-select👩👧👦communityFeedbackFeedback from communityFeedback from community
Description
Which generators are impacted?
- All
- HTML
- React
- Angular
- Vue
- Web components
- Power Apps
Reproduction case
Select an item in DBCustomSelect with multiple
option.
The selected item is rendered below the label.
The label updates once the page is scrolled.
Expected Behaviour
The label should disappear right when an item is selected
Screenshots
<DBCustomSelect
className={styles.select}
variant="floating"
label="Merkzeichen auswählen"
message="Mehrere Angaben möglich"
options={options}
showSearch={false}
showLabel={false}
showSelectAll={false}
clearSelectionText="Auswahl zurücksetzen"
multiple
selectedType="tag"
formFieldWidth="auto"
dropdownWidth="full"
placement="top"
removeTagsTexts={removeMarksAriaLabel}
validation={field.state.meta.errors.length > 0 ? "invalid" : "no-validation"}
invalidMessage={field.state.meta.errors.map((err) => err.message).join(",") || undefined}
onBlur={field.handleBlur}
onOptionSelected={(event) => onOptionSelected(event)}
values={field.state.value}
ariaDescribedBy="select-merkzeichen-description"
mobileCloseButtonText="Schließen"
/>
Browser version
Safari
Add any other context about the problem here.
https://stackblitz.com/edit/db-ux-design-system-examples-f3thfnoz?file=src%2FApp.tsx
Metadata
Metadata
Assignees
Labels
good first issueGood for newcomersGood for newcomers⏏️custom-select👩👧👦communityFeedbackFeedback from communityFeedback from community
Type
Projects
Status
✅ Done