Paper navbar inverse form-control

[marlboro]

I am using the paper theme and I have an issue with a navbar-inverse dropdown login form. It looks and works fine using stock bootstrap. However, the paper theme (and maybe others) cause the following issues:

1. Typed text is invisible within both the email and password input controls (white text on white background). I can fix this one with a custom style, but I would rather not have to.
2. The password input "underline" is the wrong color without focus.
3. The password input "underline" disappears with focus.

<nav class="navbar navbar-inverse">
    <div class="container-fluid">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-2">
                <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="#">Brand</a>
        </div>

        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-2">
            <ul class="nav navbar-nav">
                <li class="active"><a href="#">Link <span class="sr-only">(current)</span></a></li>
                <li><a href="#">Link</a></li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown <span class="caret"></span></a>
                    <ul class="dropdown-menu" role="menu">
                        <li><a href="#">Action</a></li>
                        <li><a href="#">Another action</a></li>
                        <li><a href="#">Something else here</a></li>
                        <li class="divider"></li>
                        <li><a href="#">Separated link</a></li>
                        <li class="divider"></li>
                        <li><a href="#">One more separated link</a></li>
                    </ul>
                </li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
                        <i class="glyphicon glyphicon-user"></i> Sign In
                    </a>
                    <div class="dropdown-menu form-login stop-propagation" role="menu">
                        <div class="form-group">
                            <label for="email">
                                <i class="glyphicon glyphicon-envelope"></i> Email
                            </label>
                            <input type="email" class="form-control" id="email" placeholder="Email" />
                        </div>
                        <div class="form-group">
                            <label for="password">
                                <i class="glyphicon glyphicon-lock"></i> Password
                            </label>
                            <input type="password" class="form-control" id="password" placeholder="Password" />
                        </div>
                        <button type="submit" class="btn btn-success btn-block"><i class="glyphicon glyphicon-ok"></i> Login</button>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</nav>

[marlboro]

I did some more testing and everything works with the other bootswatch themes and it also works with paper when the navbar is not inverse. So, it appears to be isolated to paper with an inverse navbar.

[thomaspark]

Thanks for the thorough bug report. Fix is on the way.