From ebadf795e8f7fe795d6dd7cae9b2ef248945e95f Mon Sep 17 00:00:00 2001
From: "gorbenko.pavel" <gorbenko.pavel@tnsu.kz>
Date: Fri, 21 Aug 2026 10:43:18 +0500
Subject: [PATCH] =?UTF-8?q?fix:=20=D1=83=D0=B1=D0=B8=D1=80=D0=B0=D0=B5?=
 =?UTF-8?q?=D1=82=20=D1=81=D0=B2=D0=BE=D1=80=D0=B0=D1=87=D0=B8=D0=B2=D0=B0?=
 =?UTF-8?q?=D0=B5=D0=BC=D1=8B=D0=B5=20=D1=81=D0=B5=D0=BA=D1=86=D0=B8=D0=B8?=
 =?UTF-8?q?=20=D1=84=D0=BE=D1=80=D0=BC=D1=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

CollapseSection превращал заголовки "Кто обращается" / "Суть обращения" в
кнопки — по клику секция пряталась целиком, вместе с обязательными полями.
Легко было свернуть случайно и не заметить, что часть формы больше не видна
(и не отправляется). Заменены на обычные div с отступом: контент всегда
на экране, сворачивать нечего.

Один из двух известных факторов, из-за которых форма на мобильном "теряла"
часть контента (второй — фикс на 100dvh, отдельным коммитом): свёрнутая
секция резко уменьшала высоту страницы, из-за чего казалось, что скролл
пропал и форма "не двигается вниз".

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 .../feedback/FeedbackForm.module.scss         | 11 ++++++++++
 src/features/feedback/FeedbackForm.tsx        | 21 +++++++------------
 2 files changed, 19 insertions(+), 13 deletions(-)

diff --git a/src/features/feedback/FeedbackForm.module.scss b/src/features/feedback/FeedbackForm.module.scss
index 82f52c8..3947996 100644
--- a/src/features/feedback/FeedbackForm.module.scss
+++ b/src/features/feedback/FeedbackForm.module.scss
@@ -3,3 +3,14 @@
 .notice {
   margin-bottom: $sp-5;
 }
+
+.group {
+  margin-bottom: $sp-6;
+}
+
+// Разделитель между группами полей — только между ними: работает через
+// соседний селектор, поэтому перед первой группой и после последней его нет.
+.group + .group {
+  padding-top: $sp-6;
+  border-top: 1px solid $gray-200;
+}
diff --git a/src/features/feedback/FeedbackForm.tsx b/src/features/feedback/FeedbackForm.tsx
index e69cd8e..f75ef07 100644
--- a/src/features/feedback/FeedbackForm.tsx
+++ b/src/features/feedback/FeedbackForm.tsx
@@ -1,12 +1,4 @@
-import {
-  Alert,
-  Button,
-  CollapseSection,
-  FormActions,
-  FormCard,
-  FormGrid,
-  Toggle
-} from '@tnsu/ui-kit';
+import { Alert, Button, FormActions, FormCard, FormGrid, Toggle } from '@tnsu/ui-kit';
 import { Field } from '../../components/Field/Field';
 import { AppealSection } from './sections/AppealSection';
 import { AuthorSection } from './sections/AuthorSection';
@@ -34,13 +26,16 @@ export const FeedbackForm: React.FC = () => {
         </div>
       ) : null}
 
-      <CollapseSection title="Кто обращается" icon="people">
+      {/* Раньше секции лежали в CollapseSection и сворачивались по клику на
+          заголовок — можно было случайно спрятать обязательные поля и не
+          заметить это. Группа теперь просто div с отступом: поля всегда видны. */}
+      <div className={styles.group}>
         <AuthorSection data={data} errors={errors} set={set} />
-      </CollapseSection>
+      </div>
 
-      <CollapseSection title="Суть обращения" icon="chat">
+      <div className={styles.group}>
         <AppealSection data={data} errors={errors} set={set} />
-      </CollapseSection>
+      </div>
 
       {/* Спрашиваем в самом конце и только у именных обращений: у анонимного
           ответа всё равно не будет, вопрос был бы бессмысленным. */}