Skip to content

form-inline checkbox not aligned to top with multi-line label #25337

Description

@bischofb

Using dev-v, both Linux and Windows Chrome.

When using a multi-line label with a checkbox on a standard form the checkbox is at the top and lined up with the first line of text in the label. When using form-inline the checkbox now becomes centered within cell height and no longer lines up with the top row of text in the label.

<form class="form-inline">

<div class="form-check col-sm-2">
  <input class="form-check-input" type="checkbox" id="inlineCheckbox1" value="option1">
  <label class="form-check-label" for="inlineCheckbox1">1 asdf sdfasdf asdf asdfasdf  asdfasdf asdf asdfasdf sadf  </label>
</div>

</form>

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions