Multiple Select. Скроллит к верху (первому из списка) options при выборе.

[peganovpv]

Скроллит к верху (первому из списка) options при выборе.

Пример:

const selectProps = useSelectWithApply({
    options: mapSystemOptions(systems),
    selected: selectedSystems,
    showSearch: true,
    showSelectAll: true,
    showClear: true,
    onChange: (payload: BaseSelectChangePayload) => {
        const keys = payload.selectedMultiple.map((o) => o.key);

        setSelectedSystems(keys);
    },
});

<Select block={true} label='Системы' {...selectProps} />

Когда много options в списке и скроллишь вниз чтобы выбрать одну из последних options после выбора перекидывает к самому началу (верху) выпадающего меню.
Чтобы выбрать несколько последний элементов приходится скроллить вниз несколько раз.

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

При выборе элементов в выпающем меню, меню должно оставться на том же месте (не перекидывать к первому элементу в списке).

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

• OS: MacOS

• Browser: Chrome

• Version: 136

• OS: Windows

• Browser: Chrome

• Version: 113

• OS: Windows

• Browser: Chrome

• Version: 125

[dHIM24]

Привет!
Баг все еще воспроизводится?
Если да, можешь пожалуйста приложить видео

const OPTIONS = Array.from({ length: 40 }, (_, index) => ({
    key: `${index + 1}`,
    content: `Element ${String(index + 1).padStart(2, '0')}`,
}));

render(() => {
    const [selected, setSelected] = React.useState([]);

    return (
        <div style={{ width: 320, paddingBottom: 240 }}>
            <SelectDesktop
                allowUnselect={true}
                size={56}
                placeholder='Выберите элементы'
                label='Cброс скролла вверх'
                Option={BaseOption}
                block={true}
                defaultOpen={true}
                {...useSelectWithApply({
                    showSearch: true,
                    showSelectAll: true,
                    showClear: true,
                    options: OPTIONS,
                    selected,
                    onChange: ({ selectedMultiple }) => {
                        setSelected(selectedMultiple.map((option) => option.key));
                    },
                })}
            />
        </div>
    );
});

2026-04-20.10.10.31.mov