don't create text element if empty (#131)

Author: purajit

docs/static/hexmaps.js

@@ -627,6 +627,11 @@ function drawPath(hexEntry) {
 }
 
 function placeTextAtPoint(pt) {
+  const textInput = TEXT_INPUT_DIV.value;
+  if (!textInput) {
+    console.log("eh")
+    return;
+  }
   const textbox = document.createElementNS("http://www.w3.org/2000/svg", "text");
   textbox.setAttribute("font-size", TEXT_FONT_SIZE_DIV.value);
   if (GLOBAL_STATE.layers.TEXT.bold) {
@@ -642,7 +647,7 @@ function placeTextAtPoint(pt) {
   textbox.setAttribute("x", pt.x);
   textbox.setAttribute("y", pt.y);
   textbox.setAttribute("fill", GLOBAL_STATE.layers.TEXT.primaryColor);
-  textbox.textContent = TEXT_INPUT_DIV.value;
+  textbox.textContent = textInput;
   textbox.classList.add("no-pointer-events");
   textbox.classList.add("in-image-text");
   textbox.addEventListener("click", e => {

templates/template_hexmaps.html

@@ -91,7 +91,7 @@
     </div>
     <div class="layer-control control-panel flex-column gappy overlaid" data-control="TEXT">
       <div class="flex-row gappy">
-        <input id="textFontSize" type="number" dir="rtl" class="border-box" value="45"></input>
+        <input id="textFontSize" type="number" class="border-box" value="45"></input>
         <div id="textBold" class="btn border-box">B️</div>
         <div id="textItalics" class="btn border-box">I</div>
         <div id="textUnderline" class="btn border-box">U</div>