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
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions