From bc005087e0f037263cc6cb91d9e4ed1de7f85480 Mon Sep 17 00:00:00 2001
From: Rainer Simon <rainer.simon@ait.ac.at>
Date: Tue, 12 May 2020 20:17:37 +0200
Subject: [PATCH] Position editor on resize

---
 src/editor/Editor.jsx | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/editor/Editor.jsx b/src/editor/Editor.jsx
index efe04ea..9475289 100644
--- a/src/editor/Editor.jsx
+++ b/src/editor/Editor.jsx
@@ -42,6 +42,16 @@ const Editor = props => {
       setPosition(props.wrapperEl, element.current, props.selectedElement);
   }, [ props.selectedElement.getBoundingClientRect() ]);
 
+  // Attach resize listener on mount
+  useEffect(() => {
+    const resizeObserver = new ResizeObserver(() => {
+      setPosition(props.wrapperEl, element.current, props.selectedElement);
+    });
+
+    resizeObserver.observe(props.wrapperEl);
+    return () => resizeObserver.disconnect();
+  }, []);
+
   const onAppendBody = body => setCurrentAnnotation(
     currentAnnotation.clone({ 
       body: [ ...currentAnnotation.bodies, body ]