diff --git a/src/UI/text.js b/src/UI/text.js index 34849195..562948ce 100644 --- a/src/UI/text.js +++ b/src/UI/text.js @@ -9,8 +9,8 @@ import { let _enabled = false; let input; -let _textSize; -let _textColor; +let _textSize = localStorage.getItem(`text/size`) || 12; +let _textColor = localStorage.getItem(`text/color`) || '#000000'; /** * Handle document.mouseup event @@ -29,7 +29,7 @@ function handleDocumentMouseup(e) { input.setAttribute('placeholder', 'Enter text... SHIFT + ENTER for new line'); input.style.border = `3px solid ${BORDER_COLOR}`; input.style.borderRadius = '3px'; - input.style.position = 'absolute'; + input.style.position = 'fixed'; input.style.top = `${e.clientY}px`; input.style.left = `${e.clientX}px`; input.style.fontSize = `${_textSize}px`; diff --git a/web/index.js b/web/index.js index 73cb41db..79f689b0 100644 --- a/web/index.js +++ b/web/index.js @@ -148,7 +148,7 @@ render(); }); setText( - localStorage.getItem(`${RENDER_OPTIONS.documentId}/text/size`) || 10, + localStorage.getItem(`${RENDER_OPTIONS.documentId}/text/size`) || 12, localStorage.getItem(`${RENDER_OPTIONS.documentId}/text/color`) || '#000000' );