Fix chart apps selecting box bug

minjk-bl · minjk-bl · commit 7d09a95ebb02 · 2021-06-18T16:41:57.000+09:00
diff --git a/src/matplotlib/plot.js b/src/matplotlib/plot.js
@@ -605,19 +605,25 @@ define([
         // view button click - view little popup to show variable & details
         $(this.wrapSelector('.vp-select-data')).click(function(event) {
             var axes = $(this).data('axes');
+
+            var btnPos = $(this)[0].getBoundingClientRect();
             
             if($(that.wrapSelector('#vp_varViewBox')).is(":hidden")) {
                 // refresh variables
                 that.refreshVariables(function(varList) {
                     // set position
                     var boxSize = { width: 280, height: 260 };
                     var boxPosition = { position: 'fixed', left: event.pageX - 20, top: event.pageY + 20 };
-                    if (event.pageX + boxSize.width > window.innerWidth) {
-                        boxPosition.left = event.pageX - boxSize.width;
-                    }
-                    if (event.pageY + boxSize.height > window.innerHeight) {
-                        boxPosition.top = event.pageY - boxSize.height - 20;
-                    }
+                    // if (event.pageX + boxSize.width > window.innerWidth) {
+                    //     boxPosition.left = event.pageX - boxSize.width;
+                    // }
+                    // if (event.pageY + boxSize.height > window.innerHeight) {
+                    //     boxPosition.top = event.pageY - boxSize.height - 20;
+                    // }
+
+                    // set as center
+                    boxPosition.left = 'calc(50% - 140px)'
+                    boxPosition.top = 'calc(50% - 130px)'
                     $('#vp_varViewBox').css({
                         ...boxPosition
                     });
