Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[FormGroup] Using both inline and subLabel props produce misaligned subLabels #5294

Open
saruman1234 opened this issue May 9, 2022 · 0 comments

Comments

@saruman1234
Copy link

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?
@adidahiya adidahiya added this to To do in UX paper cuts via automation May 10, 2022
@adidahiya adidahiya self-assigned this May 10, 2022
@adidahiya adidahiya removed their assignment Jan 31, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Development

No branches or pull requests

2 participants