fix sync message for Vue 3

GenieFramework · Oct 7, 2024 · 3b0b26c · 3b0b26c
1 parent 25ea269
commit 3b0b26c
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/assets/js/syncplot.js b/assets/js/syncplot.js
@@ -42,8 +42,8 @@ function watchGraphDiv(gd, model, prefix) {
         }
         return cursor
     }
-
-    console.info('Syncing plot of class \'' + gd.className + '\' to ' + model.$el.id + '.' + prefix)
+    var id = model.$el.id || model.$el.parentElement.id // Vue-2 / Vue-3 compatibility
+    console.info('Syncing plot of class \'' + gd.className + '\' to ' + id + '.' + prefix)
     gd.on("plotly_selected", function (data) {
         var filteredEventData = filterEventData(gd, data, 'selected')
         if (!filteredEventData.isNil) { model[prefix + '_selected'] = filteredEventData.out }