<p dir="auto">I took this example navbar from the Bootstrap docs page (<a href="http://getbootstrap.com/components/#navbar-default" rel="nofollow">http://getbootstrap.com/components/#navbar-default</a>) but I'm using an input-group instead of a form-group inside navbar-form.</p>
<p dir="auto">See example: <a href="http://jsfiddle.net/kaiku/DZQjR/" rel="nofollow">http://jsfiddle.net/kaiku/DZQjR/</a></p>
<p dir="auto">In Firefox 24, the search box displays at it should, but in Chrome 30 the search box expands to the full width of the navbar.</p>
<p dir="auto">Setting width: auto on .input-group-btn seemed to solve the problem in Chrome and had no effect in FF, but this seems more like a hack.</p>
<p dir="auto">Here's the line in question:</p>
<p dir="auto"></p><div class="Box Box--condensed my-2">
  <div class="Box-header f6">
    <p class="mb-0 text-bold">
      <a href="https://github.com/twbs/bootstrap/blob/3f87bf46e463b113760a2e45158a684825bf9d50/less/input-groups.less#L52">bootstrap/less/input-groups.less</a>
    </p>
    <p class="mb-0 color-fg-muted">
         Line 52
      in
      <a data-pjax="true" class="commit-tease-sha" href="/twbs/bootstrap/commit/3f87bf46e463b113760a2e45158a684825bf9d50">3f87bf4</a>
    </p>
  </div>
  <div itemprop="text" class="Box-body p-0 blob-wrapper blob-wrapper-embedded data">
    <table class="highlight tab-size mb-0 js-file-line-container" data-tab-size="8" data-paste-markdown-skip="">

        <tbody><tr class="border-0">
          <td id="L52" class="blob-num border-0 px-3 py-0 color-bg-default" data-line-number="52"></td>
          <td id="LC52" class="blob-code border-0 px-3 py-0 color-bg-default blob-code-inner js-file-line"> <span class="pl-c1">width</span>: <span class="pl-c1">1<span class="pl-k">%</span></span>; </td>
        </tr>
    </tbody></table>
  </div>
</div>
<p></p>
<p dir="auto">When you have an input-group (I've only tested it with a button) inside a navbar the form doesn't align and makes the navbar height way longer.</p>