<p dir="auto">ie8 calculates the size of input, textarea and select fields wrong if box sizing is border-box.</p>
<p dir="auto">maybe a workaround:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="min-height: @input-height-base; // Make inputs at least the height of their button counterpart (base line-height + padding + border)
min-height: (@input-height-base - @padding-base-vertical * 2 - 2px) ~&quot;\9&quot;; // ie8"><pre class="notranslate"><code class="notranslate">min-height: @input-height-base; // Make inputs at least the height of their button counterpart (base line-height + padding + border)
min-height: (@input-height-base - @padding-base-vertical * 2 - 2px) ~"\9"; // ie8
</code></pre></div>
<p dir="auto">Removing min-height from Shared size and type resets in forms.less stops inputs being bloated in IE8. Tested in IE9/10 latest FF and Chrome and dosen't seem to cause any problems.<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://camo.githubusercontent.com/9126cf33ff841c3102ad9b87701f5abb62775d0bd94971726cfcff4db401c25b/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f38333730382f3135363935382f62643762363064342d373661662d313165322d396138612d6236656365346366626464662e706e67"><img src="https://camo.githubusercontent.com/9126cf33ff841c3102ad9b87701f5abb62775d0bd94971726cfcff4db401c25b/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f38333730382f3135363935382f62643762363064342d373661662d313165322d396138612d6236656365346366626464662e706e67" alt="3d99c82e-6304-11e2-933e-9151f3701965" data-canonical-src="https://f.cloud.github.com/assets/83708/156958/bd7b60d4-76af-11e2-9a8a-b6ece4cfbddf.png" style="max-width: 100%;"></a></p>