aboutsummaryrefslogtreecommitdiff
path: root/src
diff options
context:
space:
mode:
authorGeorge Rusu <george@tagg.id>2021-05-26 10:48:07 -0700
committerGeorge Rusu <george@tagg.id>2021-05-26 10:48:07 -0700
commit2408c8ee0d6b2a6b2366fb66dc06c63fa2d0aa2e (patch)
tree00682893a8dcfb83aabf31d8b9b2863f0b986159 /src
parent10d3ed80b3b84956cf7364140313ea465a95ba8b (diff)
Fix view and edit tag jumping
Diffstat (limited to 'src')
-rw-r--r--src/components/common/MomentTags.tsx33
-rw-r--r--src/components/taggs/TaggDraggable.tsx10
2 files changed, 18 insertions, 25 deletions
diff --git a/src/components/common/MomentTags.tsx b/src/components/common/MomentTags.tsx
index 2ba16a6b..a75701f0 100644
--- a/src/components/common/MomentTags.tsx
+++ b/src/components/common/MomentTags.tsx
@@ -26,21 +26,24 @@ const MomentTags: React.FC<MomentTagsProps> = ({
};
useEffect(() => {
- setTimeout(() => {
- imageRef.current.measure(
- (
- fx: number, // location of ref relative to parent element
- fy: number,
- width: number,
- height: number,
- _x: number, // location of ref relative to entire screen
- _y: number,
- ) => {
- setOffset([fx, fy]);
- setImageDimensions([width, height]);
- },
- );
- }, 250);
+ setTimeout(
+ () => {
+ imageRef.current.measure(
+ (
+ fx: number, // location of ref relative to parent element
+ fy: number,
+ width: number,
+ height: number,
+ _x: number, // location of ref relative to entire screen
+ _y: number,
+ ) => {
+ setOffset([fx, fy]);
+ setImageDimensions([width, height]);
+ },
+ );
+ },
+ editing ? 250 : 0,
+ );
}, []);
if (!tags) {
diff --git a/src/components/taggs/TaggDraggable.tsx b/src/components/taggs/TaggDraggable.tsx
index 7be4a88f..e31be729 100644
--- a/src/components/taggs/TaggDraggable.tsx
+++ b/src/components/taggs/TaggDraggable.tsx
@@ -35,16 +35,6 @@ const TaggDraggable: React.FC<TaggDraggableProps> = (
const draggableRef = useRef(null);
useEffect(() => {
- setTimeout(() => {
- draggableRef.current.measure(
- (_1: number, _2: number, width: number, height: number, px, py) => {
- setStart([width, height]);
- },
- );
- }, 250);
- }, []);
-
- useEffect(() => {
draggableRef.current.measure(
(
fx: number, // location of ref relative to parent element