Skip to content

DBCustomSelect label is rendered above selected item on iOS #4377

Open
@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.

No response

Metadata

Metadata

Assignees

No one assigned

    Type

    Projects

    Status

    📋 Backlog

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions