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

Editor position bugfix

This commit is contained in:
Rainer Simon 2021-02-27 18:04:58 +01:00
parent fd512a5ccf
commit 0c83d309a2
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package-lock.json generated
View File

@ -1,6 +1,6 @@
{ {
"name": "@recogito/recogito-client-core", "name": "@recogito/recogito-client-core",
"version": "1.0.0", "version": "1.0.1",
"lockfileVersion": 1, "lockfileVersion": 1,
"requires": true, "requires": true,
"dependencies": { "dependencies": {

4
src/editor/setPosition.js
View File

@ -13,14 +13,14 @@ const setPosition = (wrapperEl, editorEl, selectedEl) => {
// Default orientation // Default orientation
const { left, top, right, height } = selectedEl.getBoundingClientRect(); const { left, top, right, height } = selectedEl.getBoundingClientRect();
editorEl.style.top = `${top + height - containerBounds.top}px`; editorEl.style.top = `${top + height - containerBounds.top}px`;
editorEl.style.left = `${left + pageXOffset - containerBounds.left}px`; editorEl.style.left = `${left - containerBounds.left}px`;
const defaultOrientation = editorEl.getBoundingClientRect(); const defaultOrientation = editorEl.getBoundingClientRect();
if (defaultOrientation.right > window.innerWidth) { if (defaultOrientation.right > window.innerWidth) {
// Default bounds clipped - flip horizontally // Default bounds clipped - flip horizontally
editorEl.classList.add('align-right'); editorEl.classList.add('align-right');
editorEl.style.left = `${right - defaultOrientation.width + pageXOffset - containerBounds.left}px`; editorEl.style.left = `${right - defaultOrientation.width - containerBounds.left}px`;
} }
if (defaultOrientation.bottom > window.innerHeight) { if (defaultOrientation.bottom > window.innerHeight) {