Skip to content

Meter-Komponente: Schlechter Zeilenumbruch bei Werten größer als Max #9982

@laske185

Description

@laske185

Fehlerbeschreibung:
Wenn der angezeigte Wert deutlich größer als der eingestellte Maximalwert ist, bricht die Anzeige neben dem Meter-Balken schlecht um. Der Wert wird dabei auf zwei Zeilen aufgeteilt, was zu einer unlesbaren und optisch fehlerhaften Darstellung führt.

Im Screenshot ist z.B. der Wert 2000 bei einem Max von 60 eingestellt. Der Text „2000°C" wird als „20" in der ersten und „00" in der zweiten Zeile gebrochen und dargestellt.

Erwartetes Verhalten:
Der angezeigte Wert soll immer einzeilig und vollständig neben dem Meter-Balken dargestellt werden, auch wenn der Wert das Maximum überschreitet.

Schritte zur Reproduktion:

  1. Die Meter-Komponente mit einem Wert konfigurieren, der deutlich größer als das Max ist (z.B. Value: 2000, Max: 60).
  2. Beobachten, wie der Wert neben dem Balken dargestellt wird.

Beispieldaten:

  • Label: Temperatur
  • Wert: 2000
  • Min: -40
  • Max: 60
  • Low: 15
  • Einheit: °C

Screenshot:
Meter-Komponente bricht bei großen Werten schlecht um

System:

  • Komponente: Meter
  • Feld: Value

Zusätzliche Hinweise:
Bitte die CSS-Logik für die Darstellung des Werts neben dem Meter-Balken prüfen. Es sollte sichergestellt werden, dass der Wert nicht umbricht (z.B. durch white-space: nowrap oder eine entsprechende Mindestbreite).

Metadata

Metadata

Assignees

Labels

Type

Projects

Status

🔍 Review

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions