Read scrollLeft via $refs instead of event target

partials/GridDisplay.vue

@@ -79,11 +79,11 @@
       this.$q.loading.hide()
     },
     methods: {
-      onScroll (val) {
+      onScroll () {
         if (this.$route.query.x) this.$router.push({ query: {} })
         if (!this.locked) {
-          if (val && this.data && this.data.grid) {
-            this.$store.commit('mosys/setScrollConfig', [this.data.grid.id, val.originalTarget.scrollLeft])
+          if (this.$refs.gridContainer && this.data && this.data.grid) {
+            this.$store.commit('mosys/setScrollConfig', [this.data.grid.id, this.$refs.gridContainer.scrollLeft])
           }
         }
       },

partials/GridEditor.vue

 <template lang="pug">
 
-  div.cell-grid-container.bg-dark.scroll(style="overflow-y: hidden; scroll-behavior: smooth;" @scroll="onScroll")
+  div.cell-grid-container.bg-dark.scroll(ref="gridContainer" style="overflow-y: hidden; scroll-behavior: smooth;" @scroll="onScroll")
     q-window-resize-observable(@resize="updateGridDimensions")
 
     //----- modal for existing cell editing
@@ -420,9 +420,9 @@
       document.removeEventListener('mousemove', this.mouseMoveListener)
     },
     methods: {
-      onScroll (val) {
-        if (val && this.data && this.data.grid) {
-          this.$store.commit('mosys/setScrollConfig', [this.data.grid.id, val.originalTarget.scrollLeft])
+      onScroll () {
+        if (this.$refs.gridContainer && this.data && this.data.grid) {
+          this.$store.commit('mosys/setScrollConfig', [this.data.grid.id, this.$refs.gridContainer.scrollLeft])
         }
       },
       toggleAxis () {