fix(web): open select popups below trigger instead of over it
Селекты приложения использовали alignItemWithTrigger по умолчанию: Base UI накладывает выбранный пункт списка на триггер, а у селектов с плейсхолдером (без значения, например «Ревизия A/B» на странице операций) попап целиком накрывал триггер — выглядел как сломанный список вместо выпадающего меню. В обёртке SelectMenu/SelectField выставлен alignItemWithTrigger=false — список раскрывается под триггером у всех селектов приложения, как это делает и вендорский data-grid-pagination.
This commit is contained in:
@@ -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}>
|
||||
|
||||
Reference in New Issue
Block a user