VKCOM / VKUI

VKUI – это набор React-компонентов, с помощью которых можно создавать интерфейсы, внешне неотличимые от наших iOS и Android приложений.
https://vkcom.github.io/VKUI/
MIT License
1.04k stars 186 forks source link

[Bug][RichCell]: Ломается верстка компонента при длинном контенте в after слотах #7715

Closed MrZillaGold closed 3 weeks ago

MrZillaGold commented 1 month ago

Описание

Если вложить в пропы after и afterCaption у RichCell длинный текст, то верстка компонента разъезжается

Версия

6.0.0

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

Chrome

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

No response

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

No response

Скриншоты

Снимок экрана 2024-10-07 в 20 42 19

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

<RichCell
        before={<Avatar size={72} src={getAvatarUrl('')} />}
        subhead="Subhead"
        text="Text"
        caption="Caption"
        after="AfterAfterAfterAfterAfterAfterAfterAfterAfterAfterAfterAfterAfterAfterAfterAfterAfterAfterAfterAfterAfterAfterAfterAfterAfterAfterAfterAfterAfterAfterAfterAfterAfterAfterAfterAfterAfterAfterAfterAfterAfterAfterAfterAfterAfterAfterAfterAfterAfterAfter"
        afterCaption="After Caption"
        bottom={
          <UsersStack photos={[getAvatarUrl(''), getAvatarUrl(''), getAvatarUrl('')]}>
            N общих друга
          </UsersStack>
        }
        actions={
          <ButtonGroup mode="horizontal" gap="s" stretched>
            <Button mode="primary" size="s">
              Primary
            </Button>
            <Button mode="secondary" size="s">
              Secondary
            </Button>
          </ButtonGroup>
        }
      >
        Children
      </RichCell>
vkcom-publisher commented 3 weeks ago
v7.0.0-beta.1 🎉