feat(PopoutWrapper): add prop scrollLock#9513
feat(PopoutWrapper): add prop scrollLock#9513EldarMuhamethanov wants to merge 1 commit intomasterfrom
Conversation
size-limit report 📦
|
e2e tests
|
👀 Docs deployed
📦 Package ✅yarn add @vkontakte/vkui@https://development.s3.prodcloud.vk.team/pull/9513/7ec8ba54eaa0d6e72a0747a3f9851789dce3a8ff/pkg/@vkontakte/vkui/_pkg.tgzCommit 7ec8ba5 |
7dedde9 to
7ec8ba5
Compare
Codecov Report✅ All modified and coverable lines are covered by tests. Additional details and impacted files@@ Coverage Diff @@
## master #9513 +/- ##
==========================================
- Coverage 94.77% 94.77% -0.01%
==========================================
Files 441 441
Lines 11958 11957 -1
Branches 4407 4408 +1
==========================================
- Hits 11333 11332 -1
Misses 625 625
Flags with carried forward coverage won't be shown. Click here to find out more. ☔ View full report in Codecov by Sentry. 🚀 New features to boost your workflow:
|
| children, | ||
| onClick, | ||
| zIndex = 'var(--vkui--z_index_popout)', | ||
| scrollLock = false, |
There was a problem hiding this comment.
nit: Возможно лучше сразу определиться с будущим поведением. Если в будущем по умолчанию блокируем скролл, то нужно сразу делать обратное свойство disableScrollLock
| scrollLock = false, | |
| disableScrollLock = true, |
There was a problem hiding this comment.
suggestion: Нужно поправить пример в хуке useScrollLock, там используется PopoutWrapper
|
Обсудили с командой и решили, что |
Описание
Блокировка скролла страницы при показе всплывающих окон перенесена в компонент PopoutWrapper: добавлено свойство
scrollLock. Компоненты, которые рендерят контент через PopoutWrapper (ActionSheet, Alert, ScreenSpinner), больше не вызываютuseScrollLockсами — блокировка включается через пропscrollLockу PopoutWrapper.В результате:
scrollLockв PopoutWrapper вместо отдельного вызоваuseScrollLock;scrollLock.Release notes
Улучшения
scrollLockдля блокировки скролла страницы при показе всплывающего окна.