nakama/FIX_COMMENTS_JUMPING.md

🔧 Исправление "прыгания" комментариев

Проблема:

При нажатии на поле ввода комментария окно "прыгает" вверх

Причина:

Мобильная клавиатура меняет высоту viewport

✅ Решение:

1. Фиксация viewport

Добавлено в index.html:

<meta name="viewport" content="... viewport-fit=cover" />

2. Фиксация body

html, body {
  position: fixed;
  overflow: hidden;
}
#root {
  position: fixed;
  overflow-y: auto;
}

3. Оптимизация модалки

• Уменьшена высота до 60vh
• Добавлен margin-bottom: 80px
• Форма position: sticky
• Предотвращение прыжков при focus

---

📝 Изменённые файлы:

1. frontend/index.html - viewport и стили body
2. frontend/src/components/CommentsModal.css - sticky форма

---

📤 Загрузить:

# НА КОМПЬЮТЕРЕ
cd /Users/glpshchn/Desktop/nakama

scp frontend/index.html root@ваш_IP:/var/www/nakama/frontend/
scp frontend/src/components/CommentsModal.css root@ваш_IP:/var/www/nakama/frontend/src/components/

# НА СЕРВЕРЕ
ssh root@ваш_IP
cd /var/www/nakama/frontend
npm run build

---

✅ После обновления:

Комментарии больше не будут прыгать при фокусе на поле ввода!