ted/recogito-client-core
ted
/
recogito-client-core
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Bugfix

This commit is contained in:
Rainer Simon 2020-05-13 08:36:57 +02:00
parent bc005087e0
commit f89eac2b87
1 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/editor/Editor.jsx
View File

@ -2,9 +2,10 @@ import React from 'preact/compat';
import { useState, useRef, useEffect } from 'preact/hooks'; import { useState, useRef, useEffect } from 'preact/hooks';
import setPosition from './setPosition'; import setPosition from './setPosition';
const autoApply = props => { /** We need to compare bounds by value, not by object ref **/
const applied = props.annotation.clone({ body: [{ ...props.autoApply }]}); const bounds = elem => {
return applied.toAnnotation(); const { top, left, width, height } = elem.getBoundingClientRect();
return `${top}, ${left}, ${width}, ${height}`;
} }
/** /**
@ -40,7 +41,7 @@ const Editor = props => {
if (element.current) if (element.current)
setPosition(props.wrapperEl, element.current, props.selectedElement); setPosition(props.wrapperEl, element.current, props.selectedElement);
}, [ props.selectedElement.getBoundingClientRect() ]); }, [ props.selectedElement, bounds(props.selectedElement) ]);
// Attach resize listener on mount // Attach resize listener on mount
useEffect(() => { useEffect(() => {