diff --git a/README.md b/README.md
index 2f4a9fe..bcde4f1 100644
--- a/README.md
+++ b/README.md
@@ -5,8 +5,8 @@ See below for instructions for specific slicers.
 ### New version 0.4.2, 07/2020
 * Remove case sensitivity for `@Object` tags.
 * Improvements to absolute extrusion tracking.
-* Read object information from SuperSlicer object comments to create `@Objectinfo` tags. This includes object centers so these no longer have to be calculated from extrusion moves.
-* `; stop printing object` comments now generate `@Objectstop` tags which should improve compatibility with extruder wipes 
+* Read object information from SuperSlicer object comments to create `@Objectinfo` tags. This includes object centers so these no longer have to be calculated from extrusion moves. Special note: as of this moment cloned objects will not give unique positions. 
+* `; stop printing object` comments now generate `@Objectstop` tags which should improve compatibility with extruder wipes in PrusaSlicer/SuperSlicer
 
 ### New version 0.3.0, 02/26/2019
 * Gcodeviewer integration. Objects are tagged wtih an orange dot in the Gcodeviewer and can be cancelled directly.
@@ -28,10 +28,10 @@ See below for instructions for specific slicers.
 * Objects are automatically tagged with the `;MESH:<stl file name>` tag.
 * Please note that the way that Cura does supports means that ALL supports are placed into an object called `NONMESH`. Cancelling an object will not cancel its supports.
 * Do not use stl files that have non-ASCII characters. This will confuse all current versions of Marlin.
-* Is is a good idea to add `;MESH:ENDGCODE` at the start of your ending gcode script (no spaces after `ENDGCODE`!)
-### PrusaSlicer/Slic3r PE (1.42 alpha and future versions)
+* Is is a good idea to add `;MESH:ENDGCODE` at the start of your ending gcode script.
+### PrusaSlicer/SuperSlicer
 * Enable `Label objects` in the Output section
-* Object names can be modified in the object list in the right panel. Note, this only works for objects that are imported independently, not on copies of objects.
+* Object names can be modified in the object list in the right panel. Note, this only works for objects that are imported independently, not on copies/clones of objects.
 * For the end custom GCODE, include at the start: `; printing object ENDGCODE`
 ### Slic3r
 * Use the current development build snapshot: https://dl.slic3r.org/dev/
@@ -45,9 +45,9 @@ See below for instructions for specific slicers.
 
 ## Other notes
 * If you upload files directly to your octoprint instance, direct them to the `watched` directory and not the `upload` directory. This will make sure that the plugin processes your gocde and substitutes the `@Object` tag it uses to identify
-* This plugin can only be used when streaming files via USB (no SD card support)
+* This plugin can only be used when streaming files via USB (no SD card support). If you are looking for SD card support, look into Marlin or RepRap firmware M486 commands.
 * It is designed for use with Marlin and Marlin-flavored firmwares. The behaviour with other firmwares is unknown.
-* Gcodeviewer integration requires that the object has to have had some printing moves before its coordinates are known. Use the `Refresh Objects` button to update.
+* Gcodeviewer integration requires that the object has to have had some printing moves before its coordinates are known. Use the `Refresh Objects` button to update. The exception to this is SuperSlicer which includes object information comments in the gcode that include object centers.
 * Some slicers will place first layer extras (brim, raft, etc.) as part of an object. If this throws off the position of the objects in the gcodeviewer you can use the `Reset Objects` button.
 ## Setup
 
diff --git a/octoprint_cancelobject/__init__.pyc b/octoprint_cancelobject/__init__.pyc
new file mode 100644
index 0000000..3b7c14d
Binary files /dev/null and b/octoprint_cancelobject/__init__.pyc differ
diff --git a/octoprint_cancelobject/static/js/cancelobject.js b/octoprint_cancelobject/static/js/cancelobject.js
index 68fe6be..b1b50ea 100644
--- a/octoprint_cancelobject/static/js/cancelobject.js
+++ b/octoprint_cancelobject/static/js/cancelobject.js
@@ -4,7 +4,7 @@
  * Author: Paul Paukstelis
  * License: AGPLv3
  */
-$(function() {
+$(function () {
     var $cancelOverlay = $('<canvas id="gcode_canvas_cancel_overlay" style="visibility: hidden">');
     var cancelOverlayContext = $cancelOverlay[0].getContext('2d');
 
@@ -25,9 +25,9 @@ $(function() {
         self.aftergcode = ko.observableArray();
         self.allowed = ko.observableArray();
         self.markers = ko.observable();
-        
-        self.onBeforeBinding = function() {
-            OctoPrint.get("api/plugin/"+PLUGIN_ID);
+
+        self.onBeforeBinding = function () {
+            OctoPrint.get("api/plugin/" + PLUGIN_ID);
             self.settings = self.global_settings.settings.plugins.cancelobject;
             self.object_regex(self.settings.object_regex.slice(0));
             self.ignored = self.settings.ignored;
@@ -37,34 +37,44 @@ $(function() {
             self.shownav = self.settings.shownav;
             self.markers(self.settings.markers());
         };
-        
-        self.isFileSelected = ko.pureComputed(function() {
+
+        self.isFileSelected = ko.pureComputed(function () {
             return !!self.gcodeViewModel.selectedFile.path();
         });
 
-        self.isFileSelected.subscribe(function() {
+        self.isFileSelected.subscribe(function () {
             enableCancelButtons(self.isFileSelected());
         });
-        
-        self.addRegex = function() {
-            self.object_regex.push({objreg : ""});
+
+        self.addRegex = function () {
+            self.object_regex.push({ objreg: "" });
         };
 
-        self.removeRegex = function(regex) {
+        self.removeRegex = function (regex) {
             self.object_regex.remove(regex)
         };
 
-        self.onStartupComplete = function() {
-             generateOverlays();
-             CancelButtons();
+        self.onStartupComplete = function () {
+            generateOverlays();
+            CancelButtons();
+
+        }
+
+        self.onAfterTabChange = function () {
+            if (self.markers() == false) { toggleMarkers(false); }
+        }
+
+        self.onEventSettingsUpdated = function (payload) {
+            self.object_regex(self.settings.object_regex.slice(0));
+            self.markers(self.global_settings.settings.plugins.cancelobject.markers());
         }
-        
         self.onSettingsBeforeSave = function () {
 
             self.global_settings.settings.plugins.cancelobject.object_regex(self.object_regex.slice(0));
+            self.global_settings.settings.plugins.cancelobject.markers(self.markers());
         };
 
-        self.cancelObject = function(obj) {
+        self.cancelObject = function (obj) {
             $.ajax({
                 url: API_BASEURL + "plugin/cancelobject",
                 type: "POST",
@@ -74,13 +84,13 @@ $(function() {
                     cancelled: obj
                 }),
                 contentType: "application/json; charset=UTF-8"
-            }); 
-            
+            });
+
             self.updateObjects();
         }
-        
-        self.updateObjects = function() {
-        
+
+        self.updateObjects = function () {
+
             $.ajax({
                 url: API_BASEURL + "plugin/cancelobject",
                 type: "POST",
@@ -90,11 +100,11 @@ $(function() {
                 }),
                 contentType: "application/json; charset=UTF-8"
             });
-            
+
         }
-        
-        self.resetObjects = function() {
-        
+
+        self.resetObjects = function () {
+
             $.ajax({
                 url: API_BASEURL + "plugin/cancelobject",
                 type: "POST",
@@ -110,9 +120,9 @@ $(function() {
             clear_Context(ctx);
             ctx.restore();
         }
-        
-        self.updateObjectList = function() {
-            
+
+        self.updateObjectList = function () {
+
             //start a new entry, don't yet know if this is something that can be done with jinja2
             var canceltable = document.getElementById("cancel-table");
             canceltable.innerHTML = "";
@@ -121,15 +131,15 @@ $(function() {
                 for (var i = 0; i < self.ObjectList.length; i++) {
                     //Ignore entries that are just there for functional purposes
                     if (self.ObjectList[i]["ignore"]) { continue; }
-                    
+
                     var entry = document.createElement("div"); entry.className = "entry-cancel";
-                    entry.id = "entry"+self.ObjectList[i]["id"];
+                    entry.id = "entry" + self.ObjectList[i]["id"];
                     entry.activeobj = "false";
-                    
+
                     var objname = document.createElement("label"); objname.className = "entrylabel";
                     objname.appendChild(document.createTextNode(self.ObjectList[i]["object"]));
                     entry.appendChild(objname);
-                    
+
                     var cancelbutton = document.createElement("BUTTON"); cancelbutton.className = "cancel-btn btn";
                     cancelbutton.value = self.ObjectList[i]["id"];
                     cancelbutton.innerHTML = "Cancel";
@@ -143,301 +153,300 @@ $(function() {
             canceltable.appendChild(entries);
 
         }
-        
-        self.updateActive = function() {
+
+        self.updateActive = function () {
             var entries = $("div[id^='entry']");
             //console.log(entries);
             for (var i = 0; i < entries.length; i++) {
                 entries[i].className = "entry-cancel";
             }
-            var entry = document.getElementById("entry"+self.ActiveID);
+            var entry = document.getElementById("entry" + self.ActiveID);
             entry.className = "entry activeobject";
         }
-        
+
         function get_object_name(objid) {
             var objname = self.ObjectList[objid]["object"];
-            return objname;    
+            return objname;
         }
-        
+
         function confirm_cancel_button(event) {
             //console.log(event.target);
             var theobject = event.target.value;
             var objname = get_object_name(theobject);
             confirm_cancel(theobject, objname);
         }
-        
+
         function confirm_cancel(objid, objname) {
             showConfirmationDialog({
                 title: gettext("Are you sure?"),
-                message: gettext("<p><strong>You are about to cancel object "+objname+".</strong>"),
+                message: gettext("<p><strong>You are about to cancel object " + objname + ".</strong>"),
                 question: gettext("Are you sure you want to do this?"),
                 cancel: gettext("Exit"),
                 proceed: gettext("Yes, Cancel It"),
-                onproceed:  function() {
-                            //thebutton.attr("disabled", "disabled");
-                            self.cancelObject(objid);
-                        }
-              });
+                onproceed: function () {
+                    //thebutton.attr("disabled", "disabled");
+                    self.cancelObject(objid);
+                }
+            });
         }
-        
+
         $(document.body).on("click", ".cancel-btn", confirm_cancel_button);
-        
-        
-        self.onDataUpdaterPluginMessage = function (plugin, data) {          
+
+
+        self.onDataUpdaterPluginMessage = function (plugin, data) {
             if (data.navBarActive) {
-                self.navBarActive('Current Object: '+data.navBarActive);
+                self.navBarActive('Current Object: ' + data.navBarActive);
             }
-            
+
             if (data.ActiveID >= 0) {
                 self.ActiveID = data.ActiveID;
                 self.updateActive();
             }
             //New list of objects
-            if (data.objects){
+            if (data.objects) {
                 self.ObjectList = data.objects;
                 self.updateObjectList();
             }
         }
-        
-//Everything below here is borrowed heavily from bradcfisher's ExcludeRegion plugin
-//https://github.com/bradcfisher/OctoPrint-ExcludeRegionPlugin
-    function CancelButtons() {
-      // Don't create buttons if using TouchUI, since they don't work anyway
-      if (self.touchui && self.touchui.isActive())
-        return;
-      
-      if (!$("#gcode_cancel_controls").length) {
-        $("#canvas_container").after(
-          '<div id="gcode_cancel_controls">'+
-            '<div class="main">'+
-              gettext("Cancel Objects")+
-              ' <div class="btn-group action-buttons">'+
-                '<div class="btn btn-mini disabled refreshCO" title="'+ gettext("Refresh object markers") +'">'+
-                  '<i class="fa"></i>'+ gettext("Refresh objects") +'</div>'+
-                '<div class="btn btn-mini disabled resetCO" title="'+ gettext("Reset objects, requires printing moves to recalculate") +'">'+
-                  '<i class="fa"></i>'+ gettext("Reset objects") +'</div>'+
-                '<div class="btn btn-mini disabled toggleCO" title="'+ gettext("Toggle object markers on/off") +'">'+
-                  '<i class="fa"></i>'+ gettext("Toggle markers") +'</div>'+
-              '</div>'+
-            '</div>'+
-          '</div>'
-        );
-
-        // Check if user isn't logged in
-        if (!self.loginState.loggedIn()) {
-            // Disable edit buttons
-            $("#gcode_cancel_controls button").addClass("disabled");
+
+        //Everything below here is borrowed heavily from bradcfisher's ExcludeRegion plugin
+        //https://github.com/bradcfisher/OctoPrint-ExcludeRegionPlugin
+        function CancelButtons() {
+            // Don't create buttons if using TouchUI, since they don't work anyway
+            if (self.touchui && self.touchui.isActive())
+                return;
+
+            if (!$("#gcode_cancel_controls").length) {
+                $("#canvas_container").after(
+                    '<div id="gcode_cancel_controls">' +
+                    '<div class="main">' +
+                    gettext("Cancel Objects") +
+                    ' <div class="btn-group action-buttons">' +
+                    '<div class="btn btn-mini disabled refreshCO" title="' + gettext("Refresh object markers") + '">' +
+                    '<i class="fa"></i>' + gettext("Refresh objects") + '</div>' +
+                    '<div class="btn btn-mini disabled resetCO" title="' + gettext("Reset objects, requires printing moves to recalculate") + '">' +
+                    '<i class="fa"></i>' + gettext("Reset objects") + '</div>' +
+                    '<div class="btn btn-mini disabled toggleCO" title="' + gettext("Toggle object markers on/off") + '">' +
+                    '<i class="fa"></i>' + gettext("Toggle markers") + '</div>' +
+                    '</div>' +
+                    '</div>' +
+                    '</div>'
+                );
+
+                // Check if user isn't logged in
+                if (!self.loginState.loggedIn()) {
+                    // Disable edit buttons
+                    $("#gcode_cancel_controls button").addClass("disabled");
+                }
+
+                // Edit button click event
+                self.$cancelButtons = $("#gcode_cancel_controls .btn");
+
+                self.$cancelButtons.click(function () {
+                    var $button = $(this);
+
+                    // Blur self
+                    $button.blur();
+
+                    // Check if button is not disabled
+                    if (!$button.hasClass("disabled")) {
+                        if ($button.hasClass("refreshCO")) {
+                            self.updateObjects();
+                            rendercancelOverlay();
+                        } else if ($button.hasClass("resetCO")) {
+                            self.resetObjects();
+                            self.updateObjects();
+                        } else if ($button.hasClass("toggleCO")) {
+                            toggleMarkers();
+                        }
+                    }
+                });
+                enableCancelButtons(self.isFileSelected());
+            }
         }
 
-        // Edit button click event
-        self.$cancelButtons = $("#gcode_cancel_controls .btn");
-
-        self.$cancelButtons.click(function() {
-          var $button = $(this);
-
-          // Blur self
-          $button.blur();
-
-          // Check if button is not disabled
-          if (!$button.hasClass("disabled")) {
-            if ($button.hasClass("refreshCO")) {
-              self.updateObjects();
-              rendercancelOverlay();
-            } else if ($button.hasClass("resetCO")) {
-              self.resetObjects();
-              self.updateObjects();
-            } else if ($button.hasClass("toggleCO")) {
-              toggleMarkers();
+        function toggleMarkers(showMarkers) {
+            var overlay = document.getElementById('gcode_canvas_cancel_overlay');
+            if (overlay == null) return;
+            var markersVisible = (overlay.style.visibility == 'visible');
+
+            if ((showMarkers === undefined) || (markersVisible != showMarkers)) {
+                var $gcodeCanvas = $("#gcode_canvas");
+                if (markersVisible) {
+                    overlay.style.visibility = 'hidden';
+                    $gcodeCanvas.off("click", check_point);
+                } else {
+                    overlay.style.visibility = 'visible';
+                    $gcodeCanvas.on("click", check_point);
+                }
             }
-          }
-        });       
-        enableCancelButtons(self.isFileSelected());
-      }
-    }
+        }
 
-    function toggleMarkers(showMarkers) {
-      var overlay = document.getElementById('gcode_canvas_cancel_overlay');
-      if (overlay == null) return;
-      var markersVisible = (overlay.style.visibility == 'visible');
-
-      if ((showMarkers === undefined) || (markersVisible != showMarkers)) {
-        var $gcodeCanvas = $("#gcode_canvas");
-        if (markersVisible) {
-          overlay.style.visibility='hidden';
-          $gcodeCanvas.off("click", check_point);
-        } else {
-          overlay.style.visibility='visible';
-          $gcodeCanvas.on("click", check_point);
+        function removeCancelButtons() {
+            $("#gcode_cancel_controls").remove();
+            delete self.$cancelButtons;
+            toggleMarkers(false);
         }
-      }
-    }
-    
-    function removeCancelButtons() {
-      $("#gcode_cancel_controls").remove();
-      delete self.$cancelButtons;
-      toggleMarkers(false);
-    }
 
-    function enableCancelButtons(enabled) {
-      if (self.$cancelButtons) {
-        if (enabled) {
-          self.$cancelButtons.removeClass("disabled");
-          toggleMarkers(true);
-        } else {
-          self.$cancelButtons.addClass("disabled");
-          toggleMarkers(false);
+        function enableCancelButtons(enabled) {
+            if (self.$cancelButtons) {
+                if (enabled) {
+                    self.$cancelButtons.removeClass("disabled");
+                    toggleMarkers(true);
+                } else {
+                    self.$cancelButtons.addClass("disabled");
+                    toggleMarkers(false);
+                }
+            }
         }
-      }    
-    }
 
-    function resetCancelButtons() {
-      removeCancelButtons();
-      CancelButtons();
-    }
+        function resetCancelButtons() {
+            removeCancelButtons();
+            CancelButtons();
+        }
 
-    if (self.touchui) {
-      self.touchui.isActive.subscribe(resetCancelButtons);
-    }
-    self.onSettingsHidden = resetCancelButtons;
-    self.onUserLoggedIn = resetCancelButtons;
+        if (self.touchui) {
+            self.touchui.isActive.subscribe(resetCancelButtons);
+        }
+        self.onSettingsHidden = resetCancelButtons;
+        self.onUserLoggedIn = resetCancelButtons;
 
-    self.onUserLoggedOut = function() {
-      removeCancelButtons();
-    }
+        self.onUserLoggedOut = function () {
+            removeCancelButtons();
+        }
+
+        function generateOverlays() {
+            if ($("#canvas_container").find(".gcode_canvas_wrapper1").length == 0) {
+                var $gcodeCanvas = $("#gcode_canvas");
+                var $wrapper = $('<div class="gcode_canvas_wrapper1"></div>');
+                $gcodeCanvas[0].parentNode.insertBefore($wrapper[0], $gcodeCanvas[0]);
+                $wrapper.append($gcodeCanvas);
+                clone_node($gcodeCanvas[0], $wrapper[0]);
+                placeOverlay($wrapper, $cancelOverlay, $gcodeCanvas);
+            }
+        }
+
+        function check_point(event) {
+            //assume all circular
+            console.log("Checking point");
+            var pt = eventToCanvasPt(event)
+
+            if (self.ObjectList.length > 0) {
+                for (var i = 0; i < self.ObjectList.length; i++) {
+                    if (self.ObjectList[i]["ignore"] || self.ObjectList[i]["cancelled"]) { continue; }
+                    var px = (self.ObjectList[i]["max_x"] + self.ObjectList[i]["min_x"]) / 2
+                    var py = (self.ObjectList[i]["max_y"] + self.ObjectList[i]["min_y"]) / 2
+                    var r = 4;
+                    var check = Math.hypot(px - pt.x, py - pt.y);
+                    console.log(check);
+
+                    if (check <= r) {
+                        confirm_cancel(self.ObjectList[i]["id"], self.ObjectList[i]["object"]);
+                        break;
+                    }
 
-    function generateOverlays() {
-      if ($("#canvas_container").find(".gcode_canvas_wrapper1").length == 0) {
-        var $gcodeCanvas = $("#gcode_canvas");
-        var $wrapper = $('<div class="gcode_canvas_wrapper1"></div>');
-        $gcodeCanvas[0].parentNode.insertBefore($wrapper[0], $gcodeCanvas[0]);
-        $wrapper.append($gcodeCanvas);
-        clone_node($gcodeCanvas[0], $wrapper[0]);
-        placeOverlay($wrapper, $cancelOverlay, $gcodeCanvas);        
-      }
-    }
-    
-   function check_point(event) {
-      //assume all circular
-      console.log("Checking point");
-      var pt = eventToCanvasPt(event)
-      
-      if (self.ObjectList.length > 0) {    
-            for (var i = 0; i < self.ObjectList.length; i++) {
-                if (self.ObjectList[i]["ignore"] || self.ObjectList[i]["cancelled"]) { continue; }
-                var px = (self.ObjectList[i]["max_x"] + self.ObjectList[i]["min_x"])/2
-                var py = (self.ObjectList[i]["max_y"] + self.ObjectList[i]["min_y"])/2
-                var r = 4;
-                var check = Math.hypot(px - pt.x, py - pt.y);
-                console.log(check);
-                
-                if (check <= r) { 
-                    confirm_cancel(self.ObjectList[i]["id"], self.ObjectList[i]["object"]);
-                    break;
                 }
+            }
+        }
 
-             }
-        }   
-    }
-    
-    var pixRatio = window.devicePixelRatio || 1;
-    function eventToCanvasPt(event) {
-      var canvas = $cancelOverlay[0];
-      var x = (event.offsetX !== undefined ? event.offsetX : (event.pageX - canvas.offsetLeft));
-      var y = (event.offsetY !== undefined ? event.offsetY : (event.pageY - canvas.offsetTop));
-      var pt = transformPoint(x * pixRatio, y * pixRatio);
-      return pt;
-    }
+        var pixRatio = window.devicePixelRatio || 1;
+        function eventToCanvasPt(event) {
+            var canvas = $cancelOverlay[0];
+            var x = (event.offsetX !== undefined ? event.offsetX : (event.pageX - canvas.offsetLeft));
+            var y = (event.offsetY !== undefined ? event.offsetY : (event.pageY - canvas.offsetTop));
+            var pt = transformPoint(x * pixRatio, y * pixRatio);
+            return pt;
+        }
 
-    function placeOverlay($parent, $overlay, $canvas) {
-      $parent.append($overlay);
-      clone_node($canvas[0], $overlay[0]);
-    }
-    
-    function clone_node(fromNode, toNode) {
-      toNode.style.height = fromNode.style.height || fromNode.width+"px";
-      toNode.style.width = fromNode.style.width || fromNode.height+"px";
-      if ((toNode.width !== undefined) && (fromNode.width !== undefined)) {
-        toNode.width = fromNode.width;
-        toNode.height = fromNode.height;
-      }
-    } 
-
-    function clear_Context(ctx) {
-      var p1 = transformPoint(0, 0);
-      var p2 = transformPoint(ctx.canvas.width, ctx.canvas.height);
-      ctx.clearRect(p1.x, p1.y, p2.x - p1.x, p2.y - p1.y);
-    }
-    
-    var render_frameCallbacks;    
-    function render_frame(id, callback /*, ...args */) {
-      if (render_frameCallbacks == null) {
-        render_frameCallbacks = {};
-
-        requestAnimationFrame(function() {
-          var callbacks = render_frameCallbacks;
-          render_frameCallbacks = null;
-
-          for (var id in callbacks) {
-            var cb = callbacks[id];
-            cb[0].apply(null, cb[1]);
-          }
-        });
-      }
+        function placeOverlay($parent, $overlay, $canvas) {
+            $parent.append($overlay);
+            clone_node($canvas[0], $overlay[0]);
+        }
 
-      if (!render_frameCallbacks[id]) {
-        render_frameCallbacks[id] = [ callback, Array.prototype.slice.call(arguments, 2) ];
-      }
-    }
+        function clone_node(fromNode, toNode) {
+            toNode.style.height = fromNode.style.height || fromNode.width + "px";
+            toNode.style.width = fromNode.style.width || fromNode.height + "px";
+            if ((toNode.width !== undefined) && (fromNode.width !== undefined)) {
+                toNode.width = fromNode.width;
+                toNode.height = fromNode.height;
+            }
+        }
 
-    var svgs = document.createElementNS("http://www.w3.org/2000/svg",'svg');
-    var pts  = svgs.createSVGPoint();
-    overXform = svgs.createSVGMatrix();
-    
-    function rendercancelOverlay() {
-      render_frame("cancelOverlay",the_callback);
-    }
-    
-    function the_callback() {
-        var ctx = cancelOverlayContext;
-        ctx.save();
-        clear_Context(ctx);       
-        if (self.ObjectList.length > 0) {    
-            for (var i = 0; i < self.ObjectList.length; i++) {
-                //Ignore entries that are just there for functional purposes
-                if (self.ObjectList[i]["ignore"]) { continue; }
-                ctx.beginPath();
-                var px = (self.ObjectList[i]["max_x"] + self.ObjectList[i]["min_x"])/2
-                var py = (self.ObjectList[i]["max_y"] + self.ObjectList[i]["min_y"])/2
-                ctx.fillStyle = "orange";
-                if (self.ObjectList[i]["cancelled"]) { ctx.fillStyle = "grey"; }
-                ctx.arc(px, py, 4, 0, 2 * Math.PI);
-                ctx.fill()
-                
-             }
-        }                               
-        ctx.restore();           
-    }
+        function clear_Context(ctx) {
+            var p1 = transformPoint(0, 0);
+            var p2 = transformPoint(ctx.canvas.width, ctx.canvas.height);
+            ctx.clearRect(p1.x, p1.y, p2.x - p1.x, p2.y - p1.y);
+        }
+
+        var render_frameCallbacks;
+        function render_frame(id, callback /*, ...args */) {
+            if (render_frameCallbacks == null) {
+                render_frameCallbacks = {};
 
-    function transformPoint(x,y) {
-        pts.x=x; pts.y=y;
-        return pts.matrixTransform(overXform.inverse());
+                requestAnimationFrame(function () {
+                    var callbacks = render_frameCallbacks;
+                    render_frameCallbacks = null;
+
+                    for (var id in callbacks) {
+                        var cb = callbacks[id];
+                        cb[0].apply(null, cb[1]);
+                    }
+                });
+            }
+
+            if (!render_frameCallbacks[id]) {
+                render_frameCallbacks[id] = [callback, Array.prototype.slice.call(arguments, 2)];
+            }
+        }
+
+        var svgs = document.createElementNS("http://www.w3.org/2000/svg", 'svg');
+        var pts = svgs.createSVGPoint();
+        overXform = svgs.createSVGMatrix();
+
+        function rendercancelOverlay() {
+            render_frame("cancelOverlay", the_callback);
+        }
+
+        function the_callback() {
+            var ctx = cancelOverlayContext;
+            ctx.save();
+            clear_Context(ctx);
+            if (self.ObjectList.length > 0) {
+                for (var i = 0; i < self.ObjectList.length; i++) {
+                    //Ignore entries that are just there for functional purposes
+                    if (self.ObjectList[i]["ignore"]) { continue; }
+                    ctx.beginPath();
+                    var px = (self.ObjectList[i]["max_x"] + self.ObjectList[i]["min_x"]) / 2
+                    var py = (self.ObjectList[i]["max_y"] + self.ObjectList[i]["min_y"]) / 2
+                    ctx.fillStyle = "orange";
+                    if (self.ObjectList[i]["cancelled"]) { ctx.fillStyle = "grey"; }
+                    ctx.arc(px, py, 4, 0, 2 * Math.PI);
+                    ctx.fill()
+
+                }
+            }
+            ctx.restore();
+        }
+
+        function transformPoint(x, y) {
+            pts.x = x; pts.y = y;
+            return pts.matrixTransform(overXform.inverse());
+        }
+
+        var previousOnViewportChange = GCODE.renderer.getOptions().onViewportChange;
+        GCODE.renderer.setOption({
+            onViewportChange: function (tform) {
+                overXform = tform;
+                cancelOverlayContext.setTransform(tform.a, tform.b, tform.c, tform.d, tform.e, tform.f);
+                rendercancelOverlay();
+                // Invoke any previously registered viewport change handler to ensure we don't interfere
+                // with other plugins which may also be listening.
+                if (previousOnViewportChange)
+                    previousOnViewportChange(tform);
+            },
+        });
     }
-   
-    var previousOnViewportChange = GCODE.renderer.getOptions().onViewportChange;
-    GCODE.renderer.setOption({
-        onViewportChange: function(tform) {
-          overXform = tform;
-          cancelOverlayContext.setTransform(tform.a, tform.b, tform.c, tform.d, tform.e, tform.f);
-          rendercancelOverlay();
-          if (self.markers() == false) { toggleMarkers(false); }  
-          // Invoke any previously registered viewport change handler to ensure we don't interfere
-          // with other plugins which may also be listening.
-          if (previousOnViewportChange)
-            previousOnViewportChange(tform);
-        },
-    });
-}
- 
+
     // This is how our plugin registers itself with the application, by adding some configuration
     // information to the global variable OCTOPRINT_VIEWMODELS
     OCTOPRINT_VIEWMODELS.push([
@@ -447,10 +456,10 @@ $(function() {
         // This is a list of dependencies to inject into the plugin, the order which you request
         // here is the order in which the dependencies will be injected into your view model upon
         // instantiation via the parameters argument
-        ["settingsViewModel","loginStateViewModel","gcodeViewModel"],
+        ["settingsViewModel", "loginStateViewModel", "gcodeViewModel"],
 
         // Finally, this is the list of selectors for all elements we want this view model to be bound to.
-        
-        ["#navbar_plugin_cancelobject","#tab_plugin_cancelobject","#settings_plugin_cancelobject"]
+
+        ["#navbar_plugin_cancelobject", "#tab_plugin_cancelobject", "#settings_plugin_cancelobject"]
     ]);
 });
diff --git a/octoprint_cancelobject/templates/cancelobject_settings.jinja2 b/octoprint_cancelobject/templates/cancelobject_settings.jinja2
index 4cbf251..a164b6c 100644
--- a/octoprint_cancelobject/templates/cancelobject_settings.jinja2
+++ b/octoprint_cancelobject/templates/cancelobject_settings.jinja2
@@ -55,7 +55,7 @@
         <label class="control-label">{{ _('GcodeViewer Marker Default On') }}</label>
         <div class="controls">
             <i class="icon icon-info-sign" title="If markers should be shown by default in the Gcodeviewer" data-toggle="tooltip"></i><br>
-            <input type="checkbox" name="markers" data-bind="checked: markers">
+            <input type="checkbox" data-bind="checked: markers">
         </div>
         <br>