navbar-right on button element bug in chrome

[moimael]

Hi,

On a test website (http://ks3364357.kimsufi.com/) 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.

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.

Here is the code :

<div class="navbar-wrapper">
  <div class="container-fluid">

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

  </div>
</div>

[cvrebert]

Possible duplicate of #13892. Does changing all the password inputs to regular text inputs fix the problem?

[mdo]

Remove the .navbar-right from .navbar-collapse and your problems should be fixed.