Skip to content

DBCustomSelect label is rendered above selected item on iOS #4377

@psperber

Description

@psperber

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

Image

<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

Type

Projects

Status

✅ Done

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions