Infrastructure/logto
0
Fork 0
mirror of https://github.com/logto-io/logto.git synced 2024-12-16 20:26:19 -05:00
Code Issues Activity

Merge pull request #2242 from logto-io/charles-fix-calculations-in-use-position-hook

Browse source 
fix(console): axis calculations in use-position hook
This commit is contained in:
Charles Zhao 2022-10-25 12:16:24 +08:00 committed by GitHub
commit 4aaed85269
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
packages/console/src/hooks/use-position.ts
View file

@ -196,12 +196,11 @@ export default function usePosition({
const anchorRect = anchorRef.current.getBoundingClientRect();
const overlayRect = overlayRef.current.getBoundingClientRect();
const { scrollTop, scrollLeft } = document.documentElement;
const verticalTop = anchorRect.y - overlayRect.height + scrollTop - offset.vertical;
const verticalTop = anchorRect.y - overlayRect.height - offset.vertical;
const verticalCenter =
anchorRect.y - anchorRect.height / 2 - overlayRect.height / 2 + scrollTop + offset.vertical;
const verticalBottom = anchorRect.y + anchorRect.height + scrollTop + offset.vertical;
anchorRect.y - anchorRect.height / 2 - overlayRect.height / 2 + offset.vertical;
const verticalBottom = anchorRect.y + anchorRect.height + offset.vertical;
const verticalPositionMap = {
top: verticalTop,
@ -209,11 +208,10 @@ export default function usePosition({
bottom: verticalBottom,
};
const horizontalStart = anchorRect.x + scrollLeft + offset.horizontal;
const horizontalStart = anchorRect.x + offset.horizontal;
const horizontalCenter =
anchorRect.x + anchorRect.width / 2 - overlayRect.width / 2 + scrollLeft + offset.horizontal;
const horizontalEnd =
anchorRect.x + anchorRect.width - overlayRect.width + scrollLeft + offset.horizontal;
anchorRect.x + anchorRect.width / 2 - overlayRect.width / 2 + offset.horizontal;
const horizontalEnd = anchorRect.x + anchorRect.width - overlayRect.width + offset.horizontal;
const horizontalPositionMap = {
start: horizontalStart,