From 25793f9223e7dafd008c7eca23e93e83618939bc Mon Sep 17 00:00:00 2001
From: chris <kokosias@yahoo.gr>
Date: Wed, 5 Aug 2020 14:09:31 +0300
Subject: [PATCH] delay rendering boxes tops on first run
---
.../src/components/rightArea/RightArea.js | 10 ++++++++--
1 file changed, 8 insertions(+), 2 deletions(-)
diff --git a/wax-prosemirror-components/src/components/rightArea/RightArea.js b/wax-prosemirror-components/src/components/rightArea/RightArea.js
index d135bac40..df40b2f2a 100644
--- a/wax-prosemirror-components/src/components/rightArea/RightArea.js
+++ b/wax-prosemirror-components/src/components/rightArea/RightArea.js
@@ -21,6 +21,7 @@ export default ({ area }) => {
const commentPlugin = app.PmPlugins.get('commentPlugin');
const [marksNodes, setMarksNodes] = useState([]);
const [position, setPosition] = useState();
+ const [isFirstRun, setFirstRun] = useState(true);
const setTops = useCallback(() => {
const result = [];
@@ -125,9 +126,14 @@ export default ({ area }) => {
useEffect(() => {
setMarksNodes(updateMarks(view));
- setTimeout(() => {
+ if (isFirstRun) {
+ setTimeout(() => {
+ setPosition(setTops());
+ setFirstRun(false);
+ }, 400);
+ } else {
setPosition(setTops());
- });
+ }
}, [JSON.stringify(updateMarks(view)), JSON.stringify(setTops())]);
const CommentTrackComponent = useMemo(
--
GitLab