Не знаю почему. Я делаю калькулятор калорий, и несколько входов находятся в коробке. Также есть выпадающее меню (теги select / option), и вначале высота основного блока нормальная. Но когда я фокусируюсь на выпадающем меню, оно падает, а высота уменьшается на 30 пикселей. Когда я фокусируюсь на другом входе, высота все еще составляет -30px, и я должен обновить высоту, чтобы вернуться к нормальному состоянию. Позиция во всем окне, в котором находятся входы, является сеткой и выглядит следующим образом:
grid-template-row: auto 10px auto 10px auto 10px auto 10px auto 10px auto 10px auto 10px auto 10px auto;
Уменьшение в этих 10px. Зачем?