Fix missing cursor for ternary plot

draftlogs/7057_fix.md

@@ -0,0 +1 @@
+ - Fix missing cursor for Ternary Plot[[#7057](https://github.com/plotly/plotly.js/pull/7057)]

src/plots/ternary/index.js

@@ -1,5 +1,7 @@
 'use strict';
 
+var d3 = require('@plotly/d3');
+
 var Ternary = require('./ternary');
 
 var getSubplotCalcData = require('../../plots/get_data').getSubplotCalcData;
@@ -75,3 +77,15 @@ exports.clean = function(newFullData, newFullLayout, oldFullData, oldFullLayout)
         }
     }
 };
+
+exports.updateFx = function(gd) {
+    var fullLayout = gd._fullLayout;
+    var dragmode = fullLayout.dragmode;
+    var toplevel = d3.select(gd).selectAll('g.toplevel');
+
+    if(dragmode === 'pan') {
+        toplevel.style('cursor', 'move');
+    } else {
+        toplevel.style('cursor', 'crosshair');
+    }
+};

src/plots/ternary/ternary.js

@@ -67,6 +67,7 @@ proto.plot = function(ternaryCalcData, fullLayout) {
 
     _this.updateLayers(ternaryLayout);
     _this.adjustLayout(ternaryLayout, graphSize);
+    _this.updateFx(fullLayout.dragmode);
     Plots.generalUpdatePerTraceModule(_this.graphDiv, _this, ternaryCalcData, ternaryLayout);
     _this.layers.plotbg.select('path').call(Color.fill, ternaryLayout.bgcolor);
 };
@@ -97,6 +98,16 @@ proto.makeFramework = function(fullLayout) {
     Drawing.setClipUrl(_this.layers.grids, clipId, gd);
 };
 
+proto.updateFx = function(dragmode) {
+    var toplevel = this.plotContainer.selectAll('g.toplevel');
+
+    if(dragmode === 'pan') {
+        toplevel.style('cursor', 'move');
+    } else {
+        toplevel.style('cursor', 'crosshair');
+    }
+};
+
 proto.updateLayers = function(ternaryLayout) {
     var _this = this;
     var layers = _this.layers;