Input Text Hidden?

Here's a strange one, I created a Login form and when I view it on the iPhone, the inputs pre-populate with previously entered info, but the text is invisible, and then if I tap in the textbox and type a character, the text in the input box appears. See attachments, I tapped a key and it appears in the input box along with the pre-populated text.

Anyone seen this and/or know how to fix? Here is the form:

 @using (Html.BeginForm("Login", "Mobile", new { ReturnUrl = ViewBag.ReturnUrl }, FormMethod.Post, new { @class = "form-signin", role = "form" }))
      {
        @Html.AntiForgeryToken()
      <main class="d-flex align-items-center py-3 py-md-0">
      <div class="container">
        <div class="card login-card">
          <div class="row no-gutters">
            <div class="col-md-7">
              <div class="card-body">
                <p class="login-card-description">Sign into your account</p>
                  <div class="form-group">
                    <label for="email" class="sr-only">Email</label>
                    <input type="email" name="EmailAddress1" id="EmailAddress1" class="form-control" placeholder="Email address">
                  </div>
                  <div class="form-group mb-4">
                    <label for="Password" class="sr-only">Password</label>
                    <input type="password" name="password" id="Password" class="form-control" placeholder="**********">
                  </div>
                  <div class="checkbox mb-3 RememberClass">
                    <label>
                      @Html.CheckBoxFor(m => m.RememberMe) Remember me
                    </label>
                  </div>
                  <!--<input name="login" id="login" class="btn btn-block login-btn mb-4" type="button" value="Login">-->
                  <jbutton id="login" name="login" type="button">
                    <span>Sign in</span>
                  </jbutton>
                @Html.ActionLink("Forgot your password?", "../Account/ForgotPassword")
                <p class="login-card-footer-text">Don't have an account? @Html.ActionLink("Register as a new user", "Registration", "User")</p>
                <nav class="login-card-footer-nav">
                  <a href="#!">Terms of use.</a>
                  <a href="#!">Privacy policy</a>
                </nav>
              </div>
            </div>
          </div>
        </div>
      </div>
    </main>
    }

ASP.NET (Classic)

mvc

Forum Discussion

Input Text Hidden?

Resources