From 5146c5dc50ba40f2a48ee8c0e7f4691b76240b7c Mon Sep 17 00:00:00 2001
From: Mark MacKay <mark@duopixel.com>
Date: Thu, 13 May 2021 18:24:47 -0500
Subject: [PATCH] extra div for overflows

---
 src/js/Rulers.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/js/Rulers.js b/src/js/Rulers.js
index 6293276..3788bdc 100644
--- a/src/js/Rulers.js
+++ b/src/js/Rulers.js
@@ -6,8 +6,8 @@ MD.Rulers = function(){
   const svgcanvas = document.getElementById("svgcanvas");
   const ruler_x = document.getElementById("ruler_x");
   const ruler_y = document.getElementById("ruler_y");
-  ruler_x.appendChild(document.createElement("canvas"));
-  ruler_y.appendChild(document.createElement("canvas"));
+  
+  $("#ruler_x, #ruler_y").append("<div><canvas></canvas></div>");
 
   function clear(){
     ruler_x.innerHTML = "";