[Bug] Не работает CardScroll в модальном окне ModalPage

[kpachbiu88]

Описание
Не работает горизонтальный скролл CardScroll в модальном окне ModalPage
https://codesandbox.io/s/vkui-boilerplate-ze8lh

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

import React from "react";
import ReactDOM from "react-dom";
import {
  View,
  Panel,
  PanelHeader,
  Group,
  Header,
  SimpleCell,
  ModalRoot,
  ModalPage,
  ModalPageHeader,
  FormLayout,
  InfoRow,
  CardScroll,
  Card,
  Avatar
} from "@vkontakte/vkui";
import "@vkontakte/vkui/dist/vkui.css";

const App = () => {
  const modal = (
    <ModalRoot activeModal="test">
      <ModalPage
        id="test"
        dynamicContentHeight
        header={<ModalPageHeader>Заголовок</ModalPageHeader>}
      >
        <FormLayout>
          <InfoRow header="Фотографии">
            <CardScroll>
              <Card key="1" mode="outline" size="s">
                <Avatar
                  size={80}
                  mode="image"
                  src="https://memepedia.ru/wp-content/uploads/2017/04/picard-facepalm.jpg"
                />
              </Card>
              <Card key="2" mode="outline" size="s">
                <Avatar
                  size={80}
                  mode="image"
                  src="https://memepedia.ru/wp-content/uploads/2017/04/picard-facepalm.jpg"
                />
              </Card>
              <Card key="3" mode="outline" size="s">
                <Avatar
                  size={80}
                  mode="image"
                  src="https://memepedia.ru/wp-content/uploads/2017/04/picard-facepalm.jpg"
                />
              </Card>
              <Card key="4" mode="outline" size="s">
                <Avatar
                  size={80}
                  mode="image"
                  src="https://memepedia.ru/wp-content/uploads/2017/04/picard-facepalm.jpg"
                />
              </Card>
              <Card key="5" mode="outline" size="s">
                <Avatar
                  size={80}
                  mode="image"
                  src="https://memepedia.ru/wp-content/uploads/2017/04/picard-facepalm.jpg"
                />
              </Card>
              <Card key="6" mode="outline" size="s">
                <Avatar
                  size={80}
                  mode="image"
                  src="https://memepedia.ru/wp-content/uploads/2017/04/picard-facepalm.jpg"
                />
              </Card>
              <Card key="7" mode="outline" size="s">
                <Avatar
                  size={80}
                  mode="image"
                  src="https://memepedia.ru/wp-content/uploads/2017/04/picard-facepalm.jpg"
                />
              </Card>
              <Card key="8" mode="outline" size="s">
                <Avatar
                  size={80}
                  mode="image"
                  src="https://memepedia.ru/wp-content/uploads/2017/04/picard-facepalm.jpg"
                />
              </Card>
              <Card key="9" mode="outline" size="s">
                <Avatar
                  size={80}
                  mode="image"
                  src="https://memepedia.ru/wp-content/uploads/2017/04/picard-facepalm.jpg"
                />
              </Card>
              <Card key="10" mode="outline" size="s">
                <Avatar
                  size={80}
                  mode="image"
                  src="https://memepedia.ru/wp-content/uploads/2017/04/picard-facepalm.jpg"
                />
              </Card>
            </CardScroll>
          </InfoRow>
        </FormLayout>
      </ModalPage>
    </ModalRoot>
  );
  return (
    <View activePanel="main" modal={modal}>
      <Panel id="main">
        <PanelHeader>VKUI</PanelHeader>
        <Group header={<Header mode="secondary">Items</Header>}>
          <SimpleCell>Hello</SimpleCell>
          <SimpleCell>World</SimpleCell>
        </Group>
      </Panel>
    </View>
  );
};

ReactDOM.render(<App />, document.getElementById("root"));

[b-ponomarenko]

В приципе не работает скролл внутри блоков, подозреваю это как-то связано с https://github.com/VKCOM/VKUI/blob/v3.11.2/src/components/ModalRoot/ModalRoot.tsx#L249

[thoughtspile]

Duplicate of #335