core-ds / core-components

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Некорректная работа CalendarMonthOnlyView внутри BottomSheet

ostroga1985 opened this issue · comments

Опишите проблему

При встраивании CalendarMonthOnlyView в BottomSheet не работает виртуализация календаря
image

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

  1. Отрендерить
render(() => {
    const [value, setValue] = React.useState();

    const headerStyle = {
        top: 0,
        left: 0,
        position: 'fixed',
        boxSizing: 'border-box',
        zIndex: 2,
        width: '100%',
        padding: 'var(--gap-s) var(--gap-xl)',
        background: 'var(--color-light-bg-primary)',
        borderBottom: '1px solid var(--color-light-graphic-tertiary)',
    };

    return (
        <BottomSheet title='Title' stickyHeader={true} open={true}>
            <div style={headerStyle}>
                <CalendarMonthOnlyViewHeader />
            </div>
            <Gap size='m' direction='vertical' />
            <CalendarMonthOnlyView
                value={value}
                onChange={setValue}
                showCurrentYearSelector={false}
            />
        </BottomSheet>
    );
});

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

При встраивании CalendarMonthOnlyView в BottomSheet виртуализация календаря работает корректно

Десктоп (если данных нет оставьте блок пустым):

  • OS: MacOS
  • Browser: Google Chrome
  • Version: 123.0.6312.124

Смартфон (если данных нет оставьте блок пустым):

Дополнительная информация

Дополнительная информация