Wrong vertical alignment for input-group with radio or checkbox

[praveenpuglia]

Here, in this docs section, the radio and the checkbox, used as addon to input do not vertically align center as expected. They are a little bit above the horizontal center line.

Here's the screenshot.

Adding a vertical-align: middle property to the following rule in _input-group.scss fixes the problem though.

.input-group-addon input[type=checkbox], 
.input-group-addon input[type=radio] {
  vertical-align: middle;
}

Here's the output screenshot.

Should I send a PR for it? or the issue's source is something else?

[cvrebert]

Unless you want to do the manual cross-browser testing for the PR yourself, this will likely end up WontFix per #18797.

[praveenpuglia]

Will testing on latest of Chrome, Safari, Firefox & Edge do the job?

[cvrebert]

Also Android, iOS, and IE11. If you can cover most of them, we might be able to help with the last few.

[friscoMad]

Have you considered asking for a free license of Browserstack?
They have free licenses for Open Source projects and I am sure they will be willing to add Bootstrap to their client list, check https://www.browserstack.com/pricing

[mdo]

I think these are as well aligned as they can be across browsers. Happy to see someone revisit if they're running into egregious problems, but otherwise this is going to stay as-is in v4's development.