From 7a10138990a47d4b54b27fc250b3166cd2fd05f6 Mon Sep 17 00:00:00 2001
From: Denozordec <shatskiy.blog@gmail.com>
Date: Fri, 25 Sep 2026 22:34:04 +0700
Subject: [PATCH] fix(web): open select popups below trigger instead of over it
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Селекты приложения использовали alignItemWithTrigger по умолчанию:
Base UI накладывает выбранный пункт списка на триггер, а у селектов с
плейсхолдером (без значения, например «Ревизия A/B» на странице
операций) попап целиком накрывал триггер — выглядел как сломанный
список вместо выпадающего меню. В обёртке SelectMenu/SelectField
выставлен alignItemWithTrigger=false — список раскрывается под
триггером у всех селектов приложения, как это делает и вендорский
data-grid-pagination.
---
 apps/web/src/components/select-field.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/apps/web/src/components/select-field.tsx b/apps/web/src/components/select-field.tsx
index b3995ec..62d2aec 100644
--- a/apps/web/src/components/select-field.tsx
+++ b/apps/web/src/components/select-field.tsx
@@ -58,7 +58,11 @@ export function SelectMenu<T extends string = string>({
       <SelectTrigger id={id} className={cn('w-full', triggerClassName)} size={size}>
         <SelectValue placeholder={placeholder} />
       </SelectTrigger>
-      <SelectContent side={side} className={contentClassName}>
+      {/* alignItemWithTrigger=false: список раскрывается ПОД триггером. Режим
+          по умолчанию (true) накладывает выбранный пункт на триггер, а у
+          селектов с плейсхолдером (без значения) попап накрывает сам триггер.
+          Так же делает вендорский data-grid-pagination. */}
+      <SelectContent side={side} alignItemWithTrigger={false} className={contentClassName}>
         <SelectGroup>
           {items.map((item) => (
             <SelectItem key={item.value} value={item.value} disabled={item.disabled}>