gorbenko.pavel/hr-appeals
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: добавляет 100dvh для корректной высоты страницы на мобильных

Browse Source 
vh на мобильных браузерах считается от максимальной высоты экрана (без
адресной строки/клавиатуры), из-за чего высота, заданная в CSS, может не
совпадать с реально видимой областью. dvh считается от текущей видимой
высоты — правится вслед за появлением клавиатуры или сворачиванием адресной
строки. Оставлен как дополнение к vh, а не замена: браузеры без поддержки dvh
просто проигнорируют вторую строку.

Пока не подтверждённая, но вероятная причина репортнутого "скролл пропал,
форма не двигается вниз" на мобильном — само по себе это исправление
безопасно независимо от того, окажется ли оно достаточным.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
gorbenko.pavel
2026-08-21 10:43:02 +05:00
parent 3cf46fa55c
commit 7809741299
1 changed files with 5 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/PageShell/PageShell.module.scss
+5
View File
@@ -4,7 +4,12 @@
$content-width: 900px; $content-width: 900px;
.page { .page {
// dvh после vh: браузеры без поддержки dvh просто проигнорируют вторую
// строку. vh на мобильных считается от МАКСИМАЛЬНОЙ высоты экрана (без
// клавиатуры/адресной строки), из-за чего высота страницы может не совпадать
// с реально видимой областью — dvh считается от текущей видимой.
min-height: 100vh; min-height: 100vh;
min-height: 100dvh;
background: $navy-50; background: $navy-50;
} }