fix(Gallery): navigation doesn't work when align="center" and slides overflow just a little #7862
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
When slides are center aligned and they overflow container just a little we disable arrows and drag navigation. Because we doesn't count for slide offset from left side of container. Here we calculate the width of slides layer together with offset if align="center"
size-limit report 📦
|
|
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. |
e2e tests |
👀 Docs deployed
Commit 8fe4f76 |
Codecov ReportAll modified and coverable lines are covered by tests ✅
Additional details and impacted files@@ Coverage Diff @@
## master #7862 +/- ##
=======================================
Coverage 95.17% 95.17%
=======================================
Files 376 376
Lines 11030 11034 +4
Branches 3669 3672 +3
=======================================
+ Hits 10498 10502 +4
Misses 532 532
Flags with carried forward coverage won't be shown. Click here to find out more. ☔ View full report in Codecov by Sentry. |
inomdzhon
approved these changes
Oct 29, 2024
andrey-medvedev-vk
deleted the
mendrew/fix/7841/Gallery/navigation-in-center-alignment
branch
vkcom-publisher
pushed a commit
that referenced
this pull request
Oct 29, 2024
…overflow just a little (#7862) Добавлено особое условия в режиме align="center" для подсчёта флага отключения навигации, учитывающее отступ, появляющийся при выравнивании по центру. В условиях, когда слайды выравниваются по центру, у активного слайда слева появляется отступ от левого края, за счёт которого слайды смещаются вправо. В такой ситуации перестаёт правильно работать условие, выключающее переключение между слайдами, когда общая ширина слайдов меньше контейнера. Если общая ширина слайдов меньше контейнера и они за счёт отступа всё же не помещаются в контейнере, то нужно также учесть этот отступ в условии, иначе при отключении навигации будет невозможно полностью увидеть скрытый слайд.
andrey-medvedev-vk
added a commit
that referenced
this pull request
Oct 29, 2024
…overflow just a little (#7862) Добавлено особое условия в режиме align="center" для подсчёта флага отключения навигации, учитывающее отступ, появляющийся при выравнивании по центру. В условиях, когда слайды выравниваются по центру, у активного слайда слева появляется отступ от левого края, за счёт которого слайды смещаются вправо. В такой ситуации перестаёт правильно работать условие, выключающее переключение между слайдами, когда общая ширина слайдов меньше контейнера. Если общая ширина слайдов меньше контейнера и они за счёт отступа всё же не помещаются в контейнере, то нужно также учесть этот отступ в условии, иначе при отключении навигации будет невозможно полностью увидеть скрытый слайд.
andrey-medvedev-vk
added a commit
that referenced
this pull request
Oct 29, 2024
* fix(Gallery): navigation doesn't work when align="center" and slides overflow just a little (#7862) Добавлено особое условия в режиме align="center" для подсчёта флага отключения навигации, учитывающее отступ, появляющийся при выравнивании по центру. В условиях, когда слайды выравниваются по центру, у активного слайда слева появляется отступ от левого края, за счёт которого слайды смещаются вправо. В такой ситуации перестаёт правильно работать условие, выключающее переключение между слайдами, когда общая ширина слайдов меньше контейнера. Если общая ширина слайдов меньше контейнера и они за счёт отступа всё же не помещаются в контейнере, то нужно также учесть этот отступ в условии, иначе при отключении навигации будет невозможно полностью увидеть скрытый слайд.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Описание
В условиях, когда слайды выравниваются по центру, у активного слайда слева появляется отступ от левого края, за счёт которого слайды смещаются вправо.
В такой ситуации перестаёт правильно работать условие, выключающее переключение между слайдами, когда общая ширина слайдов меньше контейнера.
Если общая ширина слайдов меньше контейнера и они за счёт отступа всё же не помещаются в контейнере, то нужно также учесть этот отступ в условии, иначе при отключении навигации будет невозможно полностью увидеть скрытый слайд.
Изменения
align="center"для подсчёта флага отключения навигации, учитывающее отступ, появляющийся при выравнивании по центру.Release notes
Исправления
align="center") слайды немного не помещаются в контейнере.