fix(DatePicker, Popper, Popout): extend usePlacementChangeCallback logic #6906
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
github-actions
bot
added
the
patch
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 ad5ca26 |
Codecov ReportAll modified and coverable lines are covered by tests ✅
Additional details and impacted files@@ Coverage Diff @@
## master #6906 +/- ##
==========================================
- Coverage 83.33% 83.32% -0.02%
==========================================
Files 350 350
Lines 10729 10452 -277
Branches 3575 3469 -106
==========================================
- Hits 8941 8709 -232
+ Misses 1788 1743 -45
Flags with carried forward coverage won't be shown. Click here to find out more. ☔ View full report in Codecov by Sentry. |
mendrew
changed the title
SevereCloud
approved these changes
May 21, 2024
inomdzhon
approved these changes
May 21, 2024
mendrew
deleted the
mendrew/6889/fix/extended-popout-direction-calculation
branch
❌ PatchНе удалось автоматически применить исправление на ветке 6.0-stable.
Чтобы изменение попало в ветку 6.0-stable, выполните следующие действия:
git stash # опционально
git fetch origin 6.0-stable
git checkout -b patch/pr6906 origin/6.0-stable
git cherry-pick --no-commit 2549300b40f8664cf93657b12846383b6b4ae2e5
git checkout HEAD **/__image_snapshots__/*.png
git diff --quiet HEAD || git commit --no-verify --no-edit
git push --set-upstream origin patch/pr6906
gh pr create --base 6.0-stable --title "patch: pr6906" --body "- patch #6906" |
mendrew
added a commit
that referenced
this pull request
May 21, 2024
…gic (#6906) Исправляем поведение хука `usePlacementChangeCallbace`, который вызывает `onPlacemenChange` коллбэк при автоматическом изменении свойства `placement`. Из-за того, что `onPlacementChange` не всегда вызывался когда это требовалось мы получали неправильно отрендеренные границы у `CustomSelect`, потому что `CustomSelect` мог считать что `placement = "bottom"` когда на самом деле дропдаун уже отрисовывался сверху. - Исправляем вызов коллбэка при первом рендере. Для этого учитываем значение пропа `placement` переданного библиотеке `floating-ui`. Раньше мы его игнорировали и могло быть так, что при первом рендере `CustomSelect` ожидает, что `placement="bottom"`, а `floating-ui` уже решил, что `resolvedPlacement="top"`, но так как это первый рендер, то коллбэк не вызывается и внутреннее состояние `CustomSelect` не меняется, от того границы рисуются будто `placement="bottom"`. - устанавливаем значение `popupDirection` у `CustomSelect` по умолчанию `bottom` и используем значение этого пропа как значение по умолчанию для внутреннего состояния `popperPlacement`, чтобы `CustomSelect` было известно куда будет рендерится по умолчанию dropdown. Он и так сейчас рендерится вниз, так как это значение по умолчанию у `CustomSelectDropdown`, но `CustomSelect` об этом не знает.
Closed
inomdzhon
removed
the
patch
| ✅ v6.1.0 🎉 |
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.
Описание
Исправляем поведение хука
usePlacementChangeCallbace, который вызываетonPlacemenChangeколлбэк при автоматическом изменении свойстваplacement.Из-за того, что
onPlacementChangeне всегда вызывался когда это требовалось мы получали неправильно отрендеренные границы уCustomSelect, потому чтоCustomSelectмог считать чтоplacement = "bottom"когда на самом деле дропдаун уже отрисовывался сверху.Изменения
Исправляем вызов коллбэка при первом рендере.
Для этого учитываем значение пропа
placementпереданного библиотекеfloating-ui. Раньше мы его игнорировали и могло быть так, что при первом рендереCustomSelectожидает, чтоplacement="bottom", аfloating-uiуже решил, чтоresolvedPlacement="top", но так как это первый рендер, то коллбэк не вызывается и внутреннее состояниеCustomSelectне меняется, от того границы рисуются будтоplacement="bottom".устанавливаем значение
popupDirectionуCustomSelectпо умолчаниюbottomи используем значение этого пропа как значение по умолчанию для внутреннего состоянияpopperPlacement, чтобыCustomSelectбыло известно куда будет рендерится по умолчанию dropdown. Он и так сейчас рендерится вниз, так как это значение по умолчанию уCustomSelectDropdown, ноCustomSelectоб этом не знает.