From 882711fb25b98d7c4ae76a8d48076d75e4b743ad Mon Sep 17 00:00:00 2001
From: chris <kokosias@yahoo.gr>
Date: Fri, 3 Feb 2023 11:39:47 +0200
Subject: [PATCH] account for margin top of comments

---
 .../src/CommentsService/components/RightArea.js             | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/wax-prosemirror-services/src/CommentsService/components/RightArea.js b/wax-prosemirror-services/src/CommentsService/components/RightArea.js
index 76917053b..36a556f29 100644
--- a/wax-prosemirror-services/src/CommentsService/components/RightArea.js
+++ b/wax-prosemirror-services/src/CommentsService/components/RightArea.js
@@ -29,11 +29,13 @@ export default ({ area }) => {
     let boxHeight = 0;
     let top = 0;
     let WaxSurface = {};
+    let WaxSurfaceMarginTop = '';
     const allCommentsTop = [];
     let panelWrapper = {};
     let panelWrapperHeight = {};
     if (main) {
       WaxSurface = main.dom.getBoundingClientRect();
+      WaxSurfaceMarginTop = window.getComputedStyle(main.dom).marginTop;
     }
 
     each(marksNodes[area], (markNode, pos) => {
@@ -57,7 +59,9 @@ export default ({ area }) => {
         markNodeEl = document.querySelector(`[data-id="${id}"]`);
         if (markNodeEl)
           annotationTop =
-            markNodeEl.getBoundingClientRect().top - WaxSurface.top;
+            markNodeEl.getBoundingClientRect().top -
+            WaxSurface.top +
+            parseInt(WaxSurfaceMarginTop.slice(0, -2), 10);
       } else {
         // Notes
         panelWrapper = document.getElementsByClassName('panelWrapper');
-- 
GitLab