Workaround firefox not allowing SVG elements to have focus

editor/js/ui/view.js

@@ -74,7 +74,6 @@ RED.view = (function() {
         .append("svg:svg")
         .attr("width", space_width)
         .attr("height", space_height)
-        .attr("tabindex",1)
         .attr("pointer-events", "all")
         .style("cursor","crosshair")
         .on("mousedown", function() {
@@ -2150,7 +2149,7 @@ RED.view = (function() {
     function focusView() {
         var scrollX = window.parent.window.scrollX;
         var scrollY = window.parent.window.scrollY;
-        $("#chart svg").focus();
+        $("#chart").focus();
         window.parent.window.scrollTo(scrollX,scrollY);
     }
 

editor/sass/workspace.scss

@@ -27,7 +27,7 @@
    transition: right 0.2s ease;
 }
 
-#chart svg:focus {
+#chart:focus {
     outline: none;
 }
 

editor/templates/index.mst

@@ -58,7 +58,7 @@
     <div id="workspace">
         <ul id="workspace-tabs"></ul>
         <div id="workspace-add-tab"><a id="btn-workspace-add-tab" href="#"><i class="fa fa-plus"></i></a></div>
-        <div id="chart"></div>
+        <div id="chart" tabindex="1"></div>
         <div id="workspace-toolbar"></div>
         <div id="workspace-footer">
             <a class="workspace-footer-button" id="btn-zoom-out" href="#"><i class="fa fa-minus"></i></a>