Skip to content
GitLab
Projects Groups Snippets
  • /
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in / Register
  • B bootstrap
  • Project information
    • Project information
    • Activity
    • Labels
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 263
    • Issues 263
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 114
    • Merge requests 114
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Deployments
    • Deployments
    • Environments
    • Releases
  • Packages and registries
    • Packages and registries
    • Package Registry
    • Infrastructure Registry
  • Monitor
    • Monitor
    • Incidents
  • Analytics
    • Analytics
    • Value stream
    • CI/CD
    • Repository
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • Bootstrap
  • bootstrap
  • Issues
  • #25336
Closed
Open
Issue created Jan 16, 2018 by Administrator@rootContributor

form-inline disappearing checkbox in Chrome Linux

Created by: bischofb

Using dev-v4 with Chrome on Linux Ubuntu. Note: this works fine when I test with Chrome on Windows.

When using checkbox with form-inline and it the label is more than one line, the checkbox keeps getting smaller and smaller. Thus, two lines of makes the checkbox smaller and four lines makes is super small. Effectively the label text is "squeezing out" the space available for the checkbox to appear. This only happens with form-inline. I tested without form-inline and the checkbox stays the same size regardless of how many lines of text appear next to it.

<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 asdf asdf asdf asdf asdf sdaf asfd </label>
</div>

</form>

checkboxsmall

Assignee
Assign to
Time tracking