Автозаполнение Safari не в правильном положении

#email #safari #position #field #autofill

Вопрос:

Я выполнил простой просмотр в Rails для входа на свой веб-сайт, но когда я загружаю страницу в Safari, она автоматически отображает поле автозаполнения не под полем электронной почты, а в верхнем левом углу окна браузера, даже перекрывая строку меню Safari.

Вот мой вид входа в систему с помощью Boostrap :

 lt;div class='row'gt;  lt;div class='col-md-6 col-md-offset-3'gt;  lt;%= form_with(url: login_path, scope: :session, local: true) do |f| %gt;  lt;%= f.label :email %gt;  lt;%= f.email_field :email, class: 'form-control' %gt;   lt;%= f.label :password %gt;  lt;%= f.password_field :password, class: 'form-control' %gt;   lt;%= f.submit 'Log in', class: 'btn btn-primary' %gt;  lt;% end %gt;  lt;pgt;New user? lt;%= link_to "Sign up now!", signup_path %gt;lt;/pgt;  lt;/divgt; lt;/divgt; 

При нажатии в поле электронной почты оно по-прежнему отображается в углу.

Но при нажатии на кнопку автозаполнения в поле электронной почты поле автозаполнения появляется в нужном месте, прямо под полем.

Я просто использую bootstrap для укладки, никаких других функций здесь нет. Но jQuery импортируется в проект.

Я нашел старую запись по, похоже, той же проблеме, но ответов нет.

Спасибо,