Skip to content

Custom Select - Dropdown is positioned incorrectly & Dropdown no longer closes #5461

@GermanRIUX

Description

@GermanRIUX

Which generators are affected?

  • All
  • HTML
  • React
  • Angular
  • Vue
  • Web components
  • Power Apps

Reproduction case

Dropdown is positioned incorrectly:
Apparently, this is due to one of the parent divs being set to "position: relative".
As a result, the styles inset-inline-start and inset-block-start are being calculated incorrectly on the article tag.

Dropdown no longer closes:
Perhaps the target is not set correctly in the toggle event.

Expected Behaviour

Dropdown is positioned incorrectly:
The dropdown should always open in the correct position relative to its trigger element

Dropdown no longer closes:
The dropdown should close reliably

Screenshots

Image

Browser version

None

Add any other context about the problem here.

https://stackblitz.com/edit/db-ux-react-dbselect-floating-invalid-placehold-z1sfrsq2?file=README.md

Which DB business unit do you work for?

DB Konzern

”DB Systel” please enter your customer / ”other” please enter your area or business unit.

No response

What project are you working on?

RIS-Maps Show-Case

Metadata

Metadata

Assignees

No one assigned

    Type

    Projects

    Status

    Backlog

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions