From 4f4fa9f94d49e843b4f71db7bd32c14a1cb1d87c Mon Sep 17 00:00:00 2001
From: Andrey Medvedev <andrey.medvedev@vk.team>
Date: Wed, 23 Oct 2024 17:08:25 +0300
Subject: [PATCH 1/2] Fix FormLayoutGroup FormItem width with long top

When FormLayoutGroup has at least two FormItem inside and
first one has veeeery long text in top it overflows but also increases
width of the FormItem and makes second FormItem overflows
FormLayoutGroup
---
 .../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 15cb0e6e63..2160fbef64 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;
 }
 
 .modeHorizontal {

From de3818148624266f6eb7ea926379177cea07bc6f Mon Sep 17 00:00:00 2001
From: GitHub Action <actions@github.com>
Date: Wed, 23 Oct 2024 15:14:42 +0000
Subject: [PATCH 2/2] CHORE: Update screenshots

---
 .../formlayoutgroup-android-chromium-dark-1-snap.png          | 4 ++--
 .../formlayoutgroup-android-chromium-light-1-snap.png         | 4 ++--
 .../formlayoutgroup-ios-webkit-dark-1-snap.png                | 4 ++--
 .../formlayoutgroup-ios-webkit-light-1-snap.png               | 4 ++--
 .../formlayoutgroup-vkcom-chromium-dark-1-snap.png            | 4 ++--
 .../formlayoutgroup-vkcom-chromium-light-1-snap.png           | 4 ++--
 .../formlayoutgroup-vkcom-firefox-dark-1-snap.png             | 4 ++--
 .../formlayoutgroup-vkcom-firefox-light-1-snap.png            | 4 ++--
 .../formlayoutgroup-vkcom-webkit-dark-1-snap.png              | 4 ++--
 .../formlayoutgroup-vkcom-webkit-light-1-snap.png             | 4 ++--
 10 files changed, 20 insertions(+), 20 deletions(-)

diff --git a/packages/vkui/src/components/FormLayoutGroup/__image_snapshots__/formlayoutgroup-android-chromium-dark-1-snap.png b/packages/vkui/src/components/FormLayoutGroup/__image_snapshots__/formlayoutgroup-android-chromium-dark-1-snap.png
index ace57ddad9..83de2f2db3 100644
--- a/packages/vkui/src/components/FormLayoutGroup/__image_snapshots__/formlayoutgroup-android-chromium-dark-1-snap.png
+++ b/packages/vkui/src/components/FormLayoutGroup/__image_snapshots__/formlayoutgroup-android-chromium-dark-1-snap.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:c46cdc1b72ef7e5f4c1118208bb8e9a34dbefbe04207c87fffa1d7804ef8cdcb
-size 155130
+oid sha256:4445b059e9d76142ce26b14b9fef82c249e6aa788357cff98e77420c3f383ef5
+size 154723
diff --git a/packages/vkui/src/components/FormLayoutGroup/__image_snapshots__/formlayoutgroup-android-chromium-light-1-snap.png b/packages/vkui/src/components/FormLayoutGroup/__image_snapshots__/formlayoutgroup-android-chromium-light-1-snap.png
index b725b85fb0..482a79df6b 100644
--- a/packages/vkui/src/components/FormLayoutGroup/__image_snapshots__/formlayoutgroup-android-chromium-light-1-snap.png
+++ b/packages/vkui/src/components/FormLayoutGroup/__image_snapshots__/formlayoutgroup-android-chromium-light-1-snap.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:1b1d121b5323b72b033798e4b12d8f2a152399f1b5a6faabf91ffdd5e13af7a7
-size 157443
+oid sha256:e67a36c7f2789087875e3607a1bb2a86eb76cec23cca1021ad54173ba2be645e
+size 157205
diff --git a/packages/vkui/src/components/FormLayoutGroup/__image_snapshots__/formlayoutgroup-ios-webkit-dark-1-snap.png b/packages/vkui/src/components/FormLayoutGroup/__image_snapshots__/formlayoutgroup-ios-webkit-dark-1-snap.png
index 8d7217b4b8..e3d8407675 100644
--- a/packages/vkui/src/components/FormLayoutGroup/__image_snapshots__/formlayoutgroup-ios-webkit-dark-1-snap.png
+++ b/packages/vkui/src/components/FormLayoutGroup/__image_snapshots__/formlayoutgroup-ios-webkit-dark-1-snap.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:a5bb5876090f2e3a5275e1fc2db73d71685d4cb6903d4e38209e5f79aaa14995
-size 159347
+oid sha256:47d21936311cffa73062ec0d58cfe49612f6c672c77ca444b74ffd48a3bd67a4
+size 158247
diff --git a/packages/vkui/src/components/FormLayoutGroup/__image_snapshots__/formlayoutgroup-ios-webkit-light-1-snap.png b/packages/vkui/src/components/FormLayoutGroup/__image_snapshots__/formlayoutgroup-ios-webkit-light-1-snap.png
index d2e2fe7a33..cdd6615c76 100644
--- a/packages/vkui/src/components/FormLayoutGroup/__image_snapshots__/formlayoutgroup-ios-webkit-light-1-snap.png
+++ b/packages/vkui/src/components/FormLayoutGroup/__image_snapshots__/formlayoutgroup-ios-webkit-light-1-snap.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:0f1af1a17e6e4f8e1be85cd18e82752a9d72d7fcac8dc1d2a9a9c39a019fd9fe
-size 160923
+oid sha256:0afb6c2dd802cf95592a27238b2a1b1fb0dcdc67ca948c519d2a006d3fc9904a
+size 159810
diff --git a/packages/vkui/src/components/FormLayoutGroup/__image_snapshots__/formlayoutgroup-vkcom-chromium-dark-1-snap.png b/packages/vkui/src/components/FormLayoutGroup/__image_snapshots__/formlayoutgroup-vkcom-chromium-dark-1-snap.png
index ba31aac0da..c5c6823399 100644
--- a/packages/vkui/src/components/FormLayoutGroup/__image_snapshots__/formlayoutgroup-vkcom-chromium-dark-1-snap.png
+++ b/packages/vkui/src/components/FormLayoutGroup/__image_snapshots__/formlayoutgroup-vkcom-chromium-dark-1-snap.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:b739ed0f558bc7f744299be1cd24f9cb519a9ed64ca02a972d4be30a71318172
-size 176148
+oid sha256:12c8c66730951cd4a3d78e6c3d9cbfc9adfae3129da4929da319a5b5aa4a6cba
+size 161680
diff --git a/packages/vkui/src/components/FormLayoutGroup/__image_snapshots__/formlayoutgroup-vkcom-chromium-light-1-snap.png b/packages/vkui/src/components/FormLayoutGroup/__image_snapshots__/formlayoutgroup-vkcom-chromium-light-1-snap.png
index ce841abb6e..c11a41703f 100644
--- a/packages/vkui/src/components/FormLayoutGroup/__image_snapshots__/formlayoutgroup-vkcom-chromium-light-1-snap.png
+++ b/packages/vkui/src/components/FormLayoutGroup/__image_snapshots__/formlayoutgroup-vkcom-chromium-light-1-snap.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:4abfd421b1e6c34b3844a09f1d88a006ce90fa9ba0ee6180ed32e3a29c654d47
-size 159352
+oid sha256:bdb8d1c4c6e70b926241d06e2796a36bcf0d58968b909e940e36664c19d378e9
+size 165492
diff --git a/packages/vkui/src/components/FormLayoutGroup/__image_snapshots__/formlayoutgroup-vkcom-firefox-dark-1-snap.png b/packages/vkui/src/components/FormLayoutGroup/__image_snapshots__/formlayoutgroup-vkcom-firefox-dark-1-snap.png
index a0e3bceef7..cb6f59b613 100644
--- a/packages/vkui/src/components/FormLayoutGroup/__image_snapshots__/formlayoutgroup-vkcom-firefox-dark-1-snap.png
+++ b/packages/vkui/src/components/FormLayoutGroup/__image_snapshots__/formlayoutgroup-vkcom-firefox-dark-1-snap.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:9a23acf25e8a7b3bfa0c510ad4f2f38ae3b83d6c5007793f0f3822773961ab6b
-size 238718
+oid sha256:83e0358aef48cf851231ffe2f74aca934d3b9cdc7dbd6582148660d0e42012fd
+size 263848
diff --git a/packages/vkui/src/components/FormLayoutGroup/__image_snapshots__/formlayoutgroup-vkcom-firefox-light-1-snap.png b/packages/vkui/src/components/FormLayoutGroup/__image_snapshots__/formlayoutgroup-vkcom-firefox-light-1-snap.png
index bd28679f67..cf4bc4efbe 100644
--- a/packages/vkui/src/components/FormLayoutGroup/__image_snapshots__/formlayoutgroup-vkcom-firefox-light-1-snap.png
+++ b/packages/vkui/src/components/FormLayoutGroup/__image_snapshots__/formlayoutgroup-vkcom-firefox-light-1-snap.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:1b9357a353b8cc43997b335538eed6e6d06fb2e0ca181d17d8562a18d4ba19ea
-size 246495
+oid sha256:3d9024b5b80c99605c8e441c39438a26f8699227062726d4bbfeae15666bb636
+size 272417
diff --git a/packages/vkui/src/components/FormLayoutGroup/__image_snapshots__/formlayoutgroup-vkcom-webkit-dark-1-snap.png b/packages/vkui/src/components/FormLayoutGroup/__image_snapshots__/formlayoutgroup-vkcom-webkit-dark-1-snap.png
index c8552180af..f38f04cada 100644
--- a/packages/vkui/src/components/FormLayoutGroup/__image_snapshots__/formlayoutgroup-vkcom-webkit-dark-1-snap.png
+++ b/packages/vkui/src/components/FormLayoutGroup/__image_snapshots__/formlayoutgroup-vkcom-webkit-dark-1-snap.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:7b5202bd87178e1ace6c49e30f81d8daf34633319e5a40aee4793c81512b972a
-size 155268
+oid sha256:e872d5e11553f2124207b1776741c30b6fdba127d0c1a52eb56feb7a81d4ebeb
+size 162634
diff --git a/packages/vkui/src/components/FormLayoutGroup/__image_snapshots__/formlayoutgroup-vkcom-webkit-light-1-snap.png b/packages/vkui/src/components/FormLayoutGroup/__image_snapshots__/formlayoutgroup-vkcom-webkit-light-1-snap.png
index 27595fe109..dbcb973493 100644
--- a/packages/vkui/src/components/FormLayoutGroup/__image_snapshots__/formlayoutgroup-vkcom-webkit-light-1-snap.png
+++ b/packages/vkui/src/components/FormLayoutGroup/__image_snapshots__/formlayoutgroup-vkcom-webkit-light-1-snap.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:a9f19cfd9cec51bdf7fb4469dec8a99205f74a64503d56e862fe5ca55bc2c47d
-size 157851
+oid sha256:37799ffb4199f9a3fa4010e21a5e9d9384149d14fea9183022e55bd37976c3e2
+size 165352