From 720faac3f9cf4a6390f1694cebeaf4767061d524 Mon Sep 17 00:00:00 2001
From: javl <mail@jaspervanloenen.com>
Date: Mon, 17 Aug 2026 20:28:51 +0200
Subject: [PATCH] don't draw preview canvas for text input unless there is
 something to show

---
 js/script.js | 32 ++++++++++++++++----------------
 1 file changed, 16 insertions(+), 16 deletions(-)

diff --git a/js/script.js b/js/script.js
index 01b4fea..4a2ddb5 100644
--- a/js/script.js
+++ b/js/script.js
@@ -648,22 +648,6 @@ function checkImagesAvailable() {
 // Handle inserting an image by pasting code
 // eslint-disable-next-line no-unused-vars
 function handleTextInput(drawMode) {
-  const canvasContainer = document.getElementById('images-canvas-container');
-  const canvas = document.createElement('canvas');
-
-  canvas.width = parseInt(document.getElementById('text-input-width').value);
-  canvas.height = parseInt(document.getElementById('text-input-height').value);
-  settings.screenWidth = canvas.width;
-  settings.screenHeight = canvas.height;
-
-  if (canvasContainer.children.length) {
-    canvasContainer.removeChild(canvasContainer.firstChild);
-  }
-  canvasContainer.appendChild(canvas);
-
-  const image = new Image();
-  images.setByIndex(0, { img: image, canvas, ctx: canvas.getContext('2d') });
-
   let input = document.getElementById('byte-input').value;
 
   // Remove Arduino code
@@ -691,6 +675,22 @@ function handleTextInput(drawMode) {
     return;
   }
 
+  const canvasContainer = document.getElementById('images-canvas-container');
+  const canvas = document.createElement('canvas');
+
+  canvas.width = parseInt(document.getElementById('text-input-width').value);
+  canvas.height = parseInt(document.getElementById('text-input-height').value);
+  settings.screenWidth = canvas.width;
+  settings.screenHeight = canvas.height;
+
+  if (canvasContainer.children.length) {
+    canvasContainer.removeChild(canvasContainer.firstChild);
+  }
+  canvasContainer.appendChild(canvas);
+
+  const image = new Image();
+  images.setByIndex(0, { img: image, canvas, ctx: canvas.getContext('2d') });
+
   const success = drawMode === 'horizontal'
     ? listToImageHorizontal(list, canvas)
     : listToImageVertical(list, canvas);