palantir/blueprint

[FormGroup] Using both `inline` and `subLabel` props produce misaligned `subLabel`s

Open

#5.294 geöffnet am 9. Mai 2022

Auf GitHub ansehen
 (0 Kommentare) (0 Reaktionen) (0 zugewiesene Personen)TypeScript (2.167 Forks)batch import
P2Package: coreType: bughelp wanted

Repository-Metriken

Stars
 (20.263 Stars)
PR-Merge-Metriken
 (Durchschn. Merge 43T 10h) (27 gemergte PRs in 30 T)

Beschreibung

Environment

  • Package version(s): @blueprintjs/core 4.3.0

Steps to reproduce

  1. Use a FormGroup with both inline and subLabel props.
<FormGroup
    inline={true}
    label="Label"
    labelFor="text-input"
    labelInfo="(required)"
    subLabel="Label helper text with details..."
>
    <InputGroup id="text-input" placeholder="Placeholder text" />
</FormGroup>

Actual behavior

Screenshot from the docs example page:

image

Expected behavior

The subLabel appears aligned with something, so either:

  • The subLabel appears below the label/labelInfo?
  • The subLabel appears above the input?

Contributor Guide

Research-Richtung
Untersuche das CSS für FormGroup, wenn sowohl 'inline' als auch 'subLabel' verwendet werden. Überprüfe die Stildefinitionen der Komponente und testen Sie Ausrichtungsanpassungen.
Tech Stack
typescriptreact
Domain
frontend
Issue Type
Fehler
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
2
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-3 Stunden
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Frisch
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
ReactTypeScript
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
75