VKUI icon indicating copy to clipboard operation
VKUI copied to clipboard

[Bug]: Компонент ChipSelect. Проблема со скролом выпадающего списка при использовании в мобильном приложении.

Open ghost opened this issue 3 years ago • 4 comments

Описание

Выпадающий список компонента ChipSelect не прокручивается при использовании в мобильном приложении. ОС Andriod (проверено в разных версиях ОС Andriod), версия vkui 4.35.3

Версия

4.35.3

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

Другое (укажите в описании)

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

No response

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

No response

Скриншоты

No response

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

No response

ghost avatar Aug 20 '22 13:08 ghost

Использую следующим образом:

import { ChipsSelect } from '@vkontakte/vkui/dist/unstable';

<FormItem top="Форматы"> <ChipsSelect value={createOptions( formats )} placeholder="Выберите форматы" options={createOptions( search_store.formats )} onChange={e => onChangeFormats(e)} creatable={false}/></FormItem>

Какая еще информация была бы полезна?

ghost avatar Aug 27 '22 11:08 ghost

Данная проблема происходит при использовании внутри компонента модального окна.

ghost avatar Sep 15 '22 16:09 ghost

@dimapsss, привет! Подскажи, решит ли проблему добавление пропа forceDropdownPortal=false?

BlackySoul avatar Sep 20 '22 11:09 BlackySoul

@BlackySoul, здравствуйте, это не решает проблему, скролл все еще не работает внутри модальных окон. (проверял на версии 4.37.3)

От себя хотел бы добавить, что это воспроизводится не только в компоненте ChipsSelect, а еще в таком компоненте как CustomSelect (т.е. во всех компонентах, где рисуется кастомный дропдаун). Скорее всего это происходит из-за того, что дропдаун рисуется в "vkui__portal-root", а не внутри "vkui__root".

Снимок экрана 2022-09-21 в 17 10 13

reyzitwo avatar Sep 21 '22 12:09 reyzitwo