Skip to content

DBSwitch label text wiggles during animation #6365

@leftshift

Description

@leftshift

Which generators are affected?

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

Reproduction case

When horizontally constrained in space so that the label text wraps, the width of the checkbox element visually changes during the transition when clicking the switch, making the label text wiggle to the left a bit.

https://stackblitz.com/edit/db-ux-design-system-examples-px9bbgzx?file=src%2FApp.tsx

Expected Behaviour

The text layout stays consistent during the transition.

Screenshots

Screen.Recording.2026-03-18.110120.mp4

Browser version

None

Add any other context about the problem here.

No response

Which DB business unit do you work for?

None

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

No response

What project are you working on?

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