<p dir="auto">Hi,</p>
<p dir="auto">On a test website (<a href="http://ks3364357.kimsufi.com/" rel="nofollow">http://ks3364357.kimsufi.com/</a>) I have a navbar with a menu and a button. Both are right aligned. It works well in firefox but the behaviour in chrome is very strange.</p>
<p dir="auto">First time you go on the page the button break from the line makin the navbar bigger. But if you resize it (til it gets in navbar-collapse mode) then go back to normal, the button is right where it belongs.</p>
<p dir="auto">Here is the code :</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;div class=&quot;navbar-wrapper&quot;&gt;
  &lt;div class=&quot;container-fluid&quot;&gt;

    &lt;div class=&quot;navbar navbar-inverse navbar-fixed-top&quot; role=&quot;navigation&quot;&gt;
      &lt;div class=&quot;container-fluid&quot;&gt;
        &lt;div class=&quot;navbar-header&quot;&gt;
          &lt;button type=&quot;button&quot; class=&quot;navbar-toggle&quot; data-toggle=&quot;collapse&quot; data-target=&quot;.navbar-collapse&quot;&gt;
            &lt;span class=&quot;sr-only&quot;&gt;Toggle navigation&lt;/span&gt;
            &lt;span class=&quot;icon-bar&quot;&gt;&lt;/span&gt;
            &lt;span class=&quot;icon-bar&quot;&gt;&lt;/span&gt;
            &lt;span class=&quot;icon-bar&quot;&gt;&lt;/span&gt;
          &lt;/button&gt;
          &lt;a class=&quot;navbar-brand&quot; href=&quot;#&quot;&gt;Friendly Monthly&lt;/a&gt;
        &lt;/div&gt;
        &lt;div class=&quot;navbar-collapse collapse navbar-right&quot;&gt;
          &lt;ul class=&quot;nav navbar-nav&quot;&gt;
            &lt;li class=&quot;active&quot;&gt;&lt;a href=&quot;#&quot;&gt;Curated Newsletter&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;#about&quot;&gt;Try it now&lt;/a&gt;&lt;/li&gt;
            &lt;li class=&quot;dropdown&quot;&gt;
                &lt;a class=&quot;dropdown-toggle&quot; href=&quot;#&quot; data-toggle=&quot;dropdown&quot;&gt;Login &lt;strong class=&quot;caret&quot;&gt;&lt;/strong&gt;&lt;/a&gt;
                &lt;div class=&quot;dropdown-menu&quot; style=&quot;padding: 15px; padding-bottom: 0px; min-width: 300px;&quot;&gt;
                    &lt;form class=&quot;form-horizontal&quot; role=&quot;form&quot;&gt;
                        &lt;div class=&quot;form-group&quot;&gt;
                            &lt;div class=&quot;col-sm-12&quot;&gt;
                                &lt;input id=&quot;user_username&quot; class=&quot;form-control&quot; type=&quot;text&quot; name=&quot;user[username]&quot; placeholder=&quot;Email&quot;&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;
                        &lt;div class=&quot;form-group&quot;&gt;
                            &lt;div class=&quot;col-sm-12&quot;&gt;
                                &lt;input id=&quot;user_password&quot; class=&quot;form-control&quot; type=&quot;password&quot; name=&quot;user[password]&quot; placeholder=&quot;Password&quot;&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;
                        &lt;div class=&quot;form-group&quot;&gt;
                            &lt;div class=&quot;col-sm-12&quot;&gt;
                                &lt;div class=&quot;checkbox&quot;&gt;
                                    &lt;label&gt;
                                        &lt;input type=&quot;checkbox&quot;&gt; Remember me
                                    &lt;/label&gt;
                                &lt;/div&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;
                        &lt;div class=&quot;form-group&quot;&gt;
                            &lt;div class=&quot;col-sm-12&quot;&gt;
                                &lt;button type=&quot;submit&quot; class=&quot;btn btn-primary btn-block&quot; style=&quot;width: auto;&quot;&gt;Login&lt;/button&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;
                    &lt;/form&gt;
                &lt;/div&gt;
            &lt;/li&gt;
          &lt;/ul&gt;
          &lt;p class=&quot;navbar-text&quot;&gt;or&lt;/p&gt;
          &lt;button type=&quot;button&quot; class=&quot;btn btn-primary navbar-btn navbar-right&quot;&gt;Subscribe&lt;/button&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;

  &lt;/div&gt;
&lt;/div&gt;"><pre class="notranslate"><code class="notranslate">&lt;div class="navbar-wrapper"&gt;
  &lt;div class="container-fluid"&gt;

    &lt;div class="navbar navbar-inverse navbar-fixed-top" role="navigation"&gt;
      &lt;div class="container-fluid"&gt;
        &lt;div class="navbar-header"&gt;
          &lt;button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"&gt;
            &lt;span class="sr-only"&gt;Toggle navigation&lt;/span&gt;
            &lt;span class="icon-bar"&gt;&lt;/span&gt;
            &lt;span class="icon-bar"&gt;&lt;/span&gt;
            &lt;span class="icon-bar"&gt;&lt;/span&gt;
          &lt;/button&gt;
          &lt;a class="navbar-brand" href="#"&gt;Friendly Monthly&lt;/a&gt;
        &lt;/div&gt;
        &lt;div class="navbar-collapse collapse navbar-right"&gt;
          &lt;ul class="nav navbar-nav"&gt;
            &lt;li class="active"&gt;&lt;a href="#"&gt;Curated Newsletter&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#about"&gt;Try it now&lt;/a&gt;&lt;/li&gt;
            &lt;li class="dropdown"&gt;
                &lt;a class="dropdown-toggle" href="#" data-toggle="dropdown"&gt;Login &lt;strong class="caret"&gt;&lt;/strong&gt;&lt;/a&gt;
                &lt;div class="dropdown-menu" style="padding: 15px; padding-bottom: 0px; min-width: 300px;"&gt;
                    &lt;form class="form-horizontal" role="form"&gt;
                        &lt;div class="form-group"&gt;
                            &lt;div class="col-sm-12"&gt;
                                &lt;input id="user_username" class="form-control" type="text" name="user[username]" placeholder="Email"&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;
                        &lt;div class="form-group"&gt;
                            &lt;div class="col-sm-12"&gt;
                                &lt;input id="user_password" class="form-control" type="password" name="user[password]" placeholder="Password"&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;
                        &lt;div class="form-group"&gt;
                            &lt;div class="col-sm-12"&gt;
                                &lt;div class="checkbox"&gt;
                                    &lt;label&gt;
                                        &lt;input type="checkbox"&gt; Remember me
                                    &lt;/label&gt;
                                &lt;/div&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;
                        &lt;div class="form-group"&gt;
                            &lt;div class="col-sm-12"&gt;
                                &lt;button type="submit" class="btn btn-primary btn-block" style="width: auto;"&gt;Login&lt;/button&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;
                    &lt;/form&gt;
                &lt;/div&gt;
            &lt;/li&gt;
          &lt;/ul&gt;
          &lt;p class="navbar-text"&gt;or&lt;/p&gt;
          &lt;button type="button" class="btn btn-primary navbar-btn navbar-right"&gt;Subscribe&lt;/button&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;

  &lt;/div&gt;
&lt;/div&gt;
</code></pre></div>
<p dir="auto"><strong>This bug exists only in google chrome, both in Windows and in OSX</strong><br>
If a fixed navbar is used with navbar-right elements, such as a button, and input type=password is used inside a form anywhere on the page, when the page is reloaded the navbar pushes elements to a new row, making it too tall.</p>
<p dir="auto"><a href="http://jsbin.com/daxopusa/3/" rel="nofollow">http://jsbin.com/daxopusa/3/</a>  - Reload the page after navigating to it.</p>
<p dir="auto"><a href="http://jsbin.com/daxopusa/3/edit" rel="nofollow">http://jsbin.com/daxopusa/3/edit</a>   - If you remove type=password from the input, the issue disappears.</p>