From a93476084b05c2ec88a6a96567e511a88d0db546 Mon Sep 17 00:00:00 2001
From: Andrey Medvedev <andrey.medvedev@vk.team>
Date: Thu, 24 Oct 2024 12:04:02 +0300
Subject: [PATCH] fix(FormLayoutGroup): FormItem width with long text in top
 prop makes second FormItem overflows (#7819) (#7826)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Если внутри FormLayoutGroup лежит по крайней мере 2 FormItem в горизонтальной ориентации и у первого FormItem в свойстве top очень длинный текст, то размер первого FormItem может увеличится на столько, что он вытеснит за пределы FormLayoutGroup второй FormItem.
---
 .../FormLayoutGroup/FormLayoutGroup.e2e-playground.tsx       | 5 ++++-
 .../components/FormLayoutGroup/FormLayoutGroup.module.css    | 1 +
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/vkui/src/components/FormLayoutGroup/FormLayoutGroup.e2e-playground.tsx b/packages/vkui/src/components/FormLayoutGroup/FormLayoutGroup.e2e-playground.tsx
index 914b850b3f..8110819426 100644
--- a/packages/vkui/src/components/FormLayoutGroup/FormLayoutGroup.e2e-playground.tsx
+++ b/packages/vkui/src/components/FormLayoutGroup/FormLayoutGroup.e2e-playground.tsx
@@ -75,7 +75,10 @@ export const FormLayoutGroupPlayground = (props: ComponentPlaygroundProps) => {
               </FormItem>
             </React.Fragment>,
             <React.Fragment key="">
-              <FormItem htmlFor="tooLongTop" top="Сверху очень длинная надпись аж распирает">
+              <FormItem
+                htmlFor="tooLongTop"
+                top="Сверху очень длинная надпись аж распирает. Такая длинная, что не должна поместиться, но и не должна вытеснить следующий FormItem из группы"
+              >
                 <Input id="tooLongTop" />
               </FormItem>
               <FormItem htmlFor="theSameLongTop" top="И у меня тоже не короче твоей">
diff --git a/packages/vkui/src/components/FormLayoutGroup/FormLayoutGroup.module.css b/packages/vkui/src/components/FormLayoutGroup/FormLayoutGroup.module.css
index 979fe42046..9fea19023f 100644
--- a/packages/vkui/src/components/FormLayoutGroup/FormLayoutGroup.module.css
+++ b/packages/vkui/src/components/FormLayoutGroup/FormLayoutGroup.module.css
@@ -2,6 +2,7 @@
   border: 0;
   padding: 0;
   margin: 0;
+  min-inline-size: auto;
 }
 
 .FormLayoutGroup--mode-horizontal {