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

Revert "fix(ModalRoot): Исправляет скролл при touch-событиях" #3416

Merged
merged 1 commit into from
Oct 10, 2022

Conversation

BlackySoul
Copy link
Contributor

@BlackySoul BlackySoul commented Oct 10, 2022

This reverts commit 5d68424.

Ревертаем, потому что возвращается pull-to-refresh поведение на iOS


@BlackySoul BlackySoul requested a review from a team as a code owner October 10, 2022 16:28
@codesandbox-ci
Copy link

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 851e2f2:

Sandbox Source
VKUI - default example Configuration

@github-actions
Copy link
Contributor

size-limit report 📦

Path Size
JS 260.3 KB (+0.21% 🔺)
JS (gzip) 78.35 KB (+0.17% 🔺)
JS (brotli) 65.99 KB (+0.03% 🔺)
JS, unstable 31.69 KB (0%)
CSS 290.89 KB (0%)
CSS (gzip) 39.28 KB (0%)
CSS (brotli) 31.25 KB (0%)
CSS, unstable 1.22 KB (0%)

@github-actions
Copy link
Contributor

👀 Styleguide deployed

See the styleguide for this PR at https://vkcom.github.io/VKUI/pull/3416/

@github-actions
Copy link
Contributor

Warnings
⚠️

27 changed screenshots found — review & update them via "Update Screenshots" action before merging.

Changed screenshots

alert-ios-webkit-light-1
banner-vkcom-webkit-dark-1
buttongroup-ios-webkit-dark-1
buttongroup-vkcom-webkit-dark-1
buttongroup-vkcom-webkit-light-1
chromium-dark-horizontal-scroll-e-2-e-tsx-horizontal-scroll-does-not-have-arrows-without-mouse-1
chromium-dark-horizontal-scroll-e-2-e-tsx-horizontal-scroll-has-arrows-on-mouse-hover-1
chromium-dark-search-e-2-e-tsx-search-shows-after-when-focused-on-i-os-1
chromium-dark-textarea-e-2-e-tsx-textarea-fits-size-to-content-1
chromium-light-horizontal-scroll-e-2-e-tsx-horizontal-scroll-does-not-have-arrows-without-mouse-1
chromium-light-horizontal-scroll-e-2-e-tsx-horizontal-scroll-has-arrows-on-mouse-hover-1
chromium-light-search-e-2-e-tsx-search-shows-after-when-focused-on-i-os-1
chromium-light-textarea-e-2-e-tsx-textarea-fits-size-to-content-1
formitem-ios-webkit-dark-1
header-vkcom-webkit-dark-1
miniinfocell-ios-webkit-dark-1
modalpageheader-vkcom-webkit-dark-w_2-1
pagination-vkcom-webkit-light-1
text-vkcom-webkit-light-1
webkit-dark-horizontal-scroll-e-2-e-tsx-horizontal-scroll-does-not-have-arrows-without-mouse-1
webkit-dark-horizontal-scroll-e-2-e-tsx-horizontal-scroll-has-arrows-on-mouse-hover-1
webkit-dark-search-e-2-e-tsx-search-shows-after-when-focused-on-i-os-1
webkit-dark-textarea-e-2-e-tsx-textarea-fits-size-to-content-1
webkit-light-horizontal-scroll-e-2-e-tsx-horizontal-scroll-does-not-have-arrows-without-mouse-1
webkit-light-horizontal-scroll-e-2-e-tsx-horizontal-scroll-has-arrows-on-mouse-hover-1
webkit-light-search-e-2-e-tsx-search-shows-after-when-focused-on-i-os-1
webkit-light-textarea-e-2-e-tsx-textarea-fits-size-to-content-1

Code coverage

lines3905 / 504077.48%
statements3975 / 513977.34%
functions837 / 107477.93%
branches3591 / 505271.08%
branchesTrue0 / 0100.00%

Generated by 🚫 dangerJS against 851e2f2

@inomdzhon inomdzhon added the patch Автоматизация: PR продублируется в ветку последнего минорного релиза для выпуска патча label Oct 10, 2022
@BlackySoul BlackySoul merged commit 1cae3c0 into master Oct 10, 2022
@BlackySoul BlackySoul deleted the fix/revert_modal_scroll_fix branch October 10, 2022 17:19
inomdzhon added a commit that referenced this pull request Aug 6, 2024
В ущерб проблеме, что при сворачивании `ModalPage` и `ModalCard` может вызываться **pull-to-refresh** (см. #3416), удаляем полифил на `overscroll-behavior-y: none` – метод `preventTouch()`.

Удалям по причине не работающих скроллов в интерфейсе – они критичная пробелма, т.к. блокирует действия пользователя.

Добавил сноску в документации `Readme.md` про это.
inomdzhon added a commit that referenced this pull request Aug 6, 2024
h2. Описание

В ущерб проблеме, что при сворачивании `ModalPage` и `ModalCard` может вызываться **pull-to-refresh** (см. #3416), удаляем полифил на `overscroll-behavior-y: none` – метод `preventTouch()`.

Удалям по причине не работающих скроллов в интерфейсе – они критичная пробелма, т.к. блокирует действия пользователя.

В PR #6004 добавили установку `overscroll-behavior-y: none` на `html`, поэтому блокирование **pull-to-refresh** будет в браузерах, где это CSS свойство поддерживается (см. [overscroll-behavior-y | Browser compatibility](https://developer.mozilla.org/en-US/docs/Web/CSS/overscroll-behavior-y#browser_compatibility)).

Добавил сноску в документации `ModalRoot/Readme.md` про это ограничение.

h2. Изменения

- поправил, чтобы `overscroll-behavior-y: none` устанавливался и при первом рендере если `activeModal !== null`;
- удалил свойство `documentScrolling`, т.к. уже не нужен – до этого это условие было полезным, чтобы не плодить события `touchmove`.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
patch Автоматизация: PR продублируется в ветку последнего минорного релиза для выпуска патча
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants