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

fix(Popper): mv to useLayoutEffect #5822

Merged
merged 1 commit into from
Sep 18, 2023

Conversation

inomdzhon
Copy link
Contributor

@inomdzhon inomdzhon commented Sep 18, 2023

Описание

Т.к. useIsClient теперь обновляет состояние через useLayoutEffect, в React 18 начало неправильно пересчитываться положение Popper при первом открытии.

Сначала думал это связано с двойным вызовом useEffect в development при оборачивание в StrictMode, но ни удаление этой обёртки, ни сборка в production не помогли.

Попробовал заменить useEffect также на useLayoutEffect, что помогло.

Т.к. useIsClient теперь обновляет состояние через useLayoutEffect,
в React 18 начало неправильно пересчитывается положение Popper
при первом открытии.

Сначала думал это связано с двойным вызовом useEffect в development
при оборачивании в StrictMode, но ни удаление этой обёртки,
ни сборка в production не помогло.

Попробовал заменить useEffect также на useLayoutEffect, что помогло.
@inomdzhon inomdzhon requested a review from a team as a code owner September 18, 2023 07:27
@github-actions
Copy link
Contributor

size-limit report 📦

Path Size
JS 316.12 KB (-0.01% 🔽)
JS (gzip) 96.48 KB (-0.01% 🔽)
JS (brotli) 79.88 KB (-0.1% 🔽)
JS import Div (tree shaking) 2.95 KB (0%)
CSS 276.03 KB (0%)
CSS (gzip) 36.05 KB (0%)
CSS (brotli) 28.55 KB (0%)

@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 7b2ea2d:

Sandbox Source
VKUI TypeScript Configuration
funny-flower-dhc6fn Issue #5759

@github-actions
Copy link
Contributor

e2e tests

Playwright Report

@codecov
Copy link

codecov bot commented Sep 18, 2023

Codecov Report

Patch coverage: 100.00% and no project coverage change.

Comparison is base (11f9c5c) 80.74% compared to head (7b2ea2d) 80.74%.
Report is 4 commits behind head on master.

Additional details and impacted files
@@           Coverage Diff           @@
##           master    #5822   +/-   ##
=======================================
  Coverage   80.74%   80.74%           
=======================================
  Files         299      299           
  Lines        9165     9157    -8     
  Branches     3120     3118    -2     
=======================================
- Hits         7400     7394    -6     
+ Misses       1765     1763    -2     
Flag Coverage Δ
unittests 80.74% <100.00%> (+<0.01%) ⬆️

Flags with carried forward coverage won't be shown. Click here to find out more.

Files Changed Coverage Δ
packages/vkui/src/components/Popper/Popper.tsx 91.07% <100.00%> (+0.16%) ⬆️

... and 4 files with indirect coverage changes

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

@github-actions
Copy link
Contributor

👀 Docs deployed

Commit 7b2ea2d

@SevereCloud SevereCloud added patch Автоматизация: PR продублируется в ветку последнего минорного релиза для выпуска патча v5 Автоматизация: PR продублируется в ветку v5 labels Sep 18, 2023
@inomdzhon inomdzhon merged commit 177e931 into master Sep 18, 2023
25 checks passed
@inomdzhon inomdzhon deleted the imirdzhamolov/issue5759/fix-popper-for-react18 branch September 18, 2023 11:59
vkcom-publisher pushed a commit that referenced this pull request Sep 18, 2023
Т.к. `useIsClient` (#5606) теперь обновляет состояние через `useLayoutEffect`, в **React 18** начало неправильно пересчитываться положение `Popper` при первом открытии.

Сначала думал это связано с двойным вызовом `useEffect` в **development** при оборачивание в `StrictMode`, но ни удаление этой обёртки, ни сборка в **production** не помогли.

Попробовал заменить `useEffect` также на `useLayoutEffect`, что помогло.
vkcom-publisher pushed a commit that referenced this pull request Sep 18, 2023
Т.к. `useIsClient` (#5606) теперь обновляет состояние через `useLayoutEffect`, в **React 18** начало неправильно пересчитываться положение `Popper` при первом открытии.

Сначала думал это связано с двойным вызовом `useEffect` в **development** при оборачивание в `StrictMode`, но ни удаление этой обёртки, ни сборка в **production** не помогли.

Попробовал заменить `useEffect` также на `useLayoutEffect`, что помогло.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
patch Автоматизация: PR продублируется в ветку последнего минорного релиза для выпуска патча v5 Автоматизация: PR продублируется в ветку v5
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Bug]: Сломали попапы
3 participants