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

Closed
ghost opened this issue Aug 20, 2022 · 5 comments · Fixed by #3339 or #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
@pfrankov pfrankov added this to VKUI Aug 23, 2022
@pfrankov pfrankov moved this to ⛔️ Blocked in VKUI Aug 23, 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

@BlackySoul BlackySoul moved this from ⛔️ Blocked to 👀 In Review in VKUI Oct 3, 2022
@BlackySoul BlackySoul self-assigned this Oct 3, 2022
Repository owner moved this from 👀 In Review to ✅ Done in VKUI Oct 5, 2022
@BlackySoul BlackySoul reopened this Oct 11, 2022
Repository owner moved this from ✅ Done to 🔜 To do in VKUI Oct 11, 2022
@BlackySoul BlackySoul removed the status in VKUI Oct 11, 2022
@BlackySoul BlackySoul moved this to 🔜 To do in VKUI Oct 11, 2022
@BlackySoul BlackySoul moved this from 🔜 To do to 👀 In Review in VKUI Dec 16, 2023
@SevereCloud SevereCloud moved this from 👀 In Review to 🗃 Backlog in VKUI Jan 23, 2024
@inomdzhon inomdzhon added this to the v7.0.0 milestone Nov 28, 2024
@inomdzhon inomdzhon self-assigned this Nov 28, 2024
@github-project-automation github-project-automation bot moved this from 🗃 Backlog to ✅ Done in VKUI Dec 2, 2024
@vkcom-publisher
Copy link
Contributor

v7.0.0 🎉

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment