密码字段在 Safari 浏览器中未按预期工作

Question

我有带有电子邮件公司名称和密码的登录表单，它可以在除 Safari 之外的所有浏览器上运行。请在下面找到密码字段的代码。

    <div class="formparts">
      <label for="user_raw_password">
        <%= t('activemodel.users.sign_in.password') %>
        <span class="required"></span>
      </label>
      <div class="textField">
        <%=
          text_field_tag 'user[raw_password]',
          '',
          id: 'user_raw_password',
          class: 'form-control secondary_password',
          placeholder: '',
          type: 'password',
          autofocus: true,
          data: {
            parsley_required: true
          }
        %>
        <input data-parsley-required type="hidden" name="user[password]" id="user_password" />
        <input type="hidden" name="user[public_key_version]" id="user_public_key_version" />
        <%= fancy_bottom_for_input %>
      </div>
      <a class="showPassword"><%= t('activemodel.users.sign_in.show_password') %></a>
    </div>

问题是，当我在 Safari 中输入密码时，它没有显示出来，因为我只是得到空格，并且过了一段时间它正在呈现项目符号。

任何帮助将不胜感激。在此先感谢

Answer 1

如果您在同一窗口中使用登录过程，则会出现问题，因为 Safari 无法在同一窗口中处理登录会话。 尝试使用以下命令在另一个窗口中创建登录会话： Window.open 或按条件：如果 has_safari？ .