Skip to content

Bug in Header-Mainnavigation (Hover/Active bei Zeilenumbruch) #1298

@HaythemTrab

Description

@HaythemTrab

Hallo zusammen,

in einem Angular Projekt arbeiten wir gerade mit der db-ui-core / Framework Navigation. Dabei ist uns ein UI-Bug aufgefallen, der bei kleineren Viewports bzw. sobald die Navigation „eng“ wird, sichtbar wird:

  1. Hover/Active-Background ist nur einzeilig
  • Sobald ein Navigationseintrag in zwei Zeilen umbricht, wird der Hover/Active-Hintergrund nur für die erste Zeile angezeigt. Die zweite Zeile bleibt ohne Hintergrund.
  1. Reproduzierbar auf Framework-Demo
  • Wir konnten das Verhalten auch auf der Demo-Seite des Frameworks nachstellen. Vermutung: der Hover-Effekt hat eine fixe Height und funktioniert dadurch nur bei einzeiligen Labels.

Kann das im Framework/db-ui-core bitte entsprechend angepasst werden (Hover/Active sollte bei mehrzeiligem Text mitwachsen)?
Screenshot anbei.

"@db-ui/core": "3.3.6"

Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions