[bugfix] Fix zooming in in Firefox

RoboCup-SSL · Aug 25, 2018 · 64b7794 · 64b7794
1 parent ccccb50
commit 64b7794
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/components/Field.vue b/src/components/Field.vue
@@ -155,10 +155,12 @@
                 return d;
             },
             updateCanvasWidth() {
-                this.canvasWidth = this.$refs.canvas.clientWidth;
+                // Firefox does not support clientWidth for SVG, so fall back to the parent element
+                this.canvasWidth = this.$refs.canvas.clientWidth || this.$refs.canvas.parentNode.clientWidth;
             },
             updateCanvasHeight() {
-                this.canvasHeight = this.$refs.canvas.clientHeight;
+                // Firefox does not support clientWidth for SVG, so fall back to the parent element
+                this.canvasHeight = this.$refs.canvas.clientHeight || this.$refs.canvas.parentNode.clientHeight;
             },
             textTransform(p) {
                 if (this.rotateField) {