Bootstrap - Pointer Actions

by Kyle Mitofsky

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
<div class="use-pointer-events">
    <div class="form-group has-success has-feedback">
        <label class="control-label" for="inputSuccess2">Uses Pointer Events</label>
        <input type="text" class="form-control" id="inputSuccess2"/>
        <span class="glyphicon glyphicon-ok form-control-feedback"></span>
    </div>
</div>

<div class="form-group has-error has-feedback">
    <label class="control-label" for="inputError2">Doesn't Use Pointer Events</label>
    <input type="text" class="form-control" id="inputError2"/>
    <span class="glyphicon glyphicon-remove form-control-feedback"></span>
</div>



















<!-- Post Info -->
<div style='position:fixed;bottom:0;left:0;    
            background:lightgray;width:100%;'>
    For this Pull Request: <a href='https://github.com/twbs/bootstrap/pull/14104'>Add Pointer Events #14104</a><br/>
<div>

CSS

.use-pointer-events .form-control-feedback {
    pointer-events: none;
}