Skip to content

DBDrawer and DBCustomSelect: custom width of Drawer breaks DBCustomSelect`s Dropdowns position #4660

@annsch

Description

@annsch

Which generators are affected?

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

Reproduction case

DB UX Version: 3.0.2
Description: According to the documentation available at Design System Deutsche Bahn, the width of the DBDrawer should be modified by changing the --db-drawer-max-width property. However, altering this property alone does not affect the width. Setting --db-drawer-min-width alongside --db-drawer-max-width adjusts the width correctly.
When both properties are set, the dropdown positioning of the DBCustomSelect is not calculated correctly.

Demo: A reproduction of the issue can be viewed at CodeSandbox.

Expected Behaviour

  • Documentation should be updated to reflect the correct usage of properties for modifying the DBDrawer width.
  • Dropdown elements of DBCustomSelect should be correctly positioned in all scenarios.

Screenshots

also the initial position of the DBCUstomSelectDropdown element seems to be wrong

Image

Browser version

None

Add any other context about the problem here.

No response

Which DB business unit do you work for?

DB Systel GmbH (please name your customer below)

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

DBFernverkehr

What project are you working on?

DiBe

Metadata

Metadata

Assignees

No one assigned

    Type

    Projects

    Status

    🏗 In progress

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions