Skip to content
GitLab

Fix form-control-feedback position when label has sr-only class

Merged Administrator requested to merge github/fork/reywood/sr-only-has-feedback into master

Created by: reywood

Fixes feedback positioning in the case where the label contained within a form group has the sr-only class. Example HTML:

<div class="form-group has-feedback">
    <label class="control-label sr-only">Label</label>
    <input type="text" class="form-control">
    <span class="glyphicon glyphicon-ok form-control-feedback"></span>
</div>

This jsbin has a few form-group variations, the first of which illustrates the bug. This jsbin uses the same HTML but adds my proposed CSS fix.

This case was mentioned in issue #12873 (closed).