<p dir="auto">In Bootstrap 3.2.0 adding a form-control-feedback icon to a select input causes the icon to hover over the select's dropdown icon, thus it's not clickable anymore.</p>
<p dir="auto">It looks like this:<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/1466269/4038749/c4f4da48-2cbb-11e4-9f90-c1942c64d92d.png"><img src="https://cloud.githubusercontent.com/assets/1466269/4038749/c4f4da48-2cbb-11e4-9f90-c1942c64d92d.png" alt="bildschirmfoto 2014-08-26 um 02 45 06" style="max-width: 100%;"></a><br>
with the following HTML:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;div class=&quot;form-group has-feedback has-error&quot;&gt;
  &lt;label for=&quot;myselect&quot;&gt;A label&lt;/label&gt;
  &lt;select id=&quot;myselect&quot; class=&quot;form-control&quot;&gt;
    &lt;option&gt;Option 1&lt;/option&gt;
    &lt;option&gt;Option 2&lt;/option&gt;
    &lt;option&gt;Option 3&lt;/option&gt;
  &lt;/select&gt;
  &lt;span class=&quot;glyphicon form-control-feedback glyphicon-remove&quot;&gt;&lt;/span&gt;
&lt;/div&gt;

&lt;div class=&quot;form-group has-feedback has-error&quot;&gt;
  &lt;label for=&quot;myselect&quot;&gt;A label&lt;/label&gt;
  &lt;div class=&quot;input-group&quot;&gt;
    &lt;div class=&quot;input-group-addon&quot;&gt;&lt;span class=&quot;glyphicon glyphicon-tag&quot;&gt;&lt;/span&gt;&lt;/div&gt;
    &lt;select id=&quot;myselect&quot; class=&quot;form-control&quot;&gt;
      &lt;option&gt;Option 1&lt;/option&gt;
      &lt;option&gt;Option 2&lt;/option&gt;
      &lt;option&gt;Option 3&lt;/option&gt;
    &lt;/select&gt;
  &lt;/div&gt;
  &lt;span class=&quot;glyphicon form-control-feedback glyphicon-remove&quot;&gt;&lt;/span&gt;
&lt;/div&gt;"><pre class="notranslate"><code class="notranslate">&lt;div class="form-group has-feedback has-error"&gt;
  &lt;label for="myselect"&gt;A label&lt;/label&gt;
  &lt;select id="myselect" class="form-control"&gt;
    &lt;option&gt;Option 1&lt;/option&gt;
    &lt;option&gt;Option 2&lt;/option&gt;
    &lt;option&gt;Option 3&lt;/option&gt;
  &lt;/select&gt;
  &lt;span class="glyphicon form-control-feedback glyphicon-remove"&gt;&lt;/span&gt;
&lt;/div&gt;

&lt;div class="form-group has-feedback has-error"&gt;
  &lt;label for="myselect"&gt;A label&lt;/label&gt;
  &lt;div class="input-group"&gt;
    &lt;div class="input-group-addon"&gt;&lt;span class="glyphicon glyphicon-tag"&gt;&lt;/span&gt;&lt;/div&gt;
    &lt;select id="myselect" class="form-control"&gt;
      &lt;option&gt;Option 1&lt;/option&gt;
      &lt;option&gt;Option 2&lt;/option&gt;
      &lt;option&gt;Option 3&lt;/option&gt;
    &lt;/select&gt;
  &lt;/div&gt;
  &lt;span class="glyphicon form-control-feedback glyphicon-remove"&gt;&lt;/span&gt;
&lt;/div&gt;
</code></pre></div>
<p dir="auto">The first one is quite easy to fix:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content=".form-control + .form-control-feedback {
  right: 12px;
}"><pre class="notranslate"><code class="notranslate">.form-control + .form-control-feedback {
  right: 12px;
}
</code></pre></div>
<p dir="auto">but I haven't found a solution for the latter without using a special class with selects.</p>
<p dir="auto">See it live: <a href="http://jsfiddle.net/wedi/2bht4o65/1/" rel="nofollow">http://jsfiddle.net/wedi/2bht4o65/1/</a><br>
<em>Edit:</em> Fixed validation error below, moved to jsfiddle, Bootply didn't work anymore.</p>
<p dir="auto">I have found a bug at select input with validation icon.</p>
<p dir="auto"><a href="http://jsfiddle.net/57XnU/1/" rel="nofollow">http://jsfiddle.net/57XnU/1/</a></p>