Django, виртуальная клавиатура закрывает мое текстовое поле, когда открыто

Question

Я получил свой Django сайт. Когда я хочу ввести что-то в свое текстовое поле, текстовое поле сжимается, а также покрывается виртуальной клавиатурой. Я уже искал здесь stackoverflow, но нашел решения только для iOS и не нашел общего решения. Спасибо за внимание!

HTML

<form id="field"action="" method="post" style="position: relative;">
        {% csrf_token %}  

<div class="txtfield">

    <input type="text" class="field" name="other_name" placeholder="username" maxlength="30"  pattern="[a-z.0-9_]+" title="Please only write the username - No '@' or uppercase letters"/>

</div>
</form>

.field{
    border: 20px blue;
    border-radius: 10px;
    width: 35%;
    height: 8%;
    font-size: 280%;
    margin-top: 1%;
}