Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
ghost opened this issue Aug 20, 2022 · 4 comments · Fixed by #3339 · May be fixed by #6759

Comments

@ghost
Copy link

ghost commented Aug 20, 2022

Описание

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

Версия

4.35.3

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

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

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

No response

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

No response

Скриншоты

No response

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

No response

@ghost ghost added the type:bug label Aug 20, 2022
@ghost ghost changed the title [Bug]: Компонент ChipSelect. Проблемы со скролом выпадающего списка при использовании в мобильном приложении. [Bug]: Компонент ChipSelect. Проблема со скролом выпадающего списка при использовании в мобильном приложении. Aug 20, 2022
@ghost
Copy link
Author

ghost commented Aug 27, 2022

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

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
Copy link
Author

ghost commented Sep 15, 2022

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

@BlackySoul
Copy link
Contributor

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

@reyzitwo
Copy link

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

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

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Status: 🗃 Backlog
4 participants