Skip to content

[Bug][FormLayoutGroup]: проблема с интеграцией Select в режиме segmented #9081

@BlackySoul

Description

@BlackySoul

Описание

Стили скругления компонента FormField (есть внутри Select) по специфичности превосходят скругления самого Select в зависимости от направления выпадашки:

В приведенном примере ниже наблюдаются проблемы с каждым скруглением.

Задача со звездочкой: сейчас всегда полагаемся на переданный проп popupDirection, но реальное направление выпадашки может отличаться от заданного

Версия

v7

В каких браузерах воспроизводится проблема?

No response

Шаги воспроизведения

No response

Ожидаемое поведение

No response

Скриншоты

Image

Пример с воспроизведением

<View activePanel="FormLayoutGroup">
      <Panel id="FormLayoutGroup">
        <PanelHeader>FormLayoutGroup</PanelHeader>
            <FormLayoutGroup mode="vertical" segmented>
              <FormItem htmlFor="email" top="Имя ящика">
                <Select
                  options={['@mail.ru', '@internet.ru', '@bk.ru', '@inbox.ru', '@list.ru'].map(
                    (i) => ({
                      label: i,
                      value: i,
                    }),
                  )}
                  defaultValue={'@mail.ru'}
                />
              </FormItem>
              <FormItem>
                <Select
                  options={['@mail.ru', '@internet.ru', '@bk.ru', '@inbox.ru', '@list.ru'].map(
                    (i) => ({
                      label: i,
                      value: i,
                    }),
                  )}
                  defaultValue={'@mail.ru'}
                />
              </FormItem>
            </FormLayoutGroup>
            <FormLayoutGroup mode="horizontal" segmented>
              <FormItem htmlFor="email" top="Имя ящика">
                <Select
                  options={['@mail.ru', '@internet.ru', '@bk.ru', '@inbox.ru', '@list.ru'].map(
                    (i) => ({
                      label: i,
                      value: i,
                    }),
                  )}
                  defaultValue={'@mail.ru'}
                />
              </FormItem>
              <FormItem>
                <Select
                  options={['@mail.ru', '@internet.ru', '@bk.ru', '@inbox.ru', '@list.ru'].map(
                    (i) => ({
                      label: i,
                      value: i,
                    }),
                  )}
                  defaultValue={'@mail.ru'}
                />
              </FormItem>
            </FormLayoutGroup>
      </Panel>
    </View>

Metadata

Metadata

Assignees

No one assigned

    Type

    Projects

    Status

    🗃 Backlog

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions