add user-select-none to text elements

Author: archmoj

src/components/annotations/draw.js

@@ -217,7 +217,9 @@ function drawRaw(gd, options, index, subplotId, xa, ya) {
         Lib.templateString(options.text, fullLayout._meta) :
         options.text;
 
-    var annText = annTextGroupInner.append('text')
+    var annText = annTextGroupInner
+        .classed('user-select-none', true)
+        .append('text')
         .classed('annotation-text', true)
         .text(text);
 

src/components/colorbar/draw.js

@@ -53,7 +53,11 @@ function draw(gd) {
         Lib.ensureSingle(g, 'g', cn.cbfills);
         Lib.ensureSingle(g, 'g', cn.cblines);
         Lib.ensureSingle(g, 'g', cn.cbaxis, function(s) { s.classed(cn.crisp, true); });
-        Lib.ensureSingle(g, 'g', cn.cbtitleunshift, function(s) { s.append('g').classed(cn.cbtitle, true); });
+        Lib.ensureSingle(g, 'g', cn.cbtitleunshift, function(s) {
+            s.append('g')
+                .classed('user-select-none', true)
+                .classed(cn.cbtitle, true);
+        });
         Lib.ensureSingle(g, 'rect', cn.cboutline);
 
         var done = drawColorBar(g, opts, gd);

src/components/fx/hover.js

@@ -813,6 +813,7 @@ function createHoverText(hoverData, opts, gd) {
     var commonLabel = container.selectAll('g.axistext')
         .data(showCommonLabel ? [0] : []);
     commonLabel.enter().append('g')
+        .classed('user-select-none', true)
         .classed('axistext', true);
     commonLabel.exit().remove();
 
@@ -1083,6 +1084,7 @@ function createHoverText(hoverData, opts, gd) {
             return hoverDataKey(d);
         });
     hoverLabels.enter().append('g')
+        .classed('user-select-none', true)
         .classed('hovertext', true)
         .each(function() {
             var g = d3.select(this);

src/components/legend/style.js

@@ -282,8 +282,10 @@ module.exports = function style(s, gd, legend) {
         var txt = ptgroup.selectAll('g.pointtext')
             .data(showText ? dMod : []);
         txt.enter()
-            .append('g').classed('pointtext', true)
-                .append('text').attr('transform', 'translate(20,0)');
+            .append('g')
+            .classed('user-select-none', true)
+            .classed('pointtext', true)
+            .append('text').attr('transform', 'translate(20,0)');
         txt.exit().remove();
         txt.selectAll('text').call(Drawing.textPointStyle, tMod, gd);
     }

src/components/titles/index.js

@@ -105,7 +105,8 @@ function draw(gd, titleClass, options) {
     var elShouldExist = txt || editable;
 
     if(!group) {
-        group = Lib.ensureSingle(fullLayout._infolayer, 'g', 'g-' + titleClass);
+        group = Lib.ensureSingle(fullLayout._infolayer, 'g', 'g-' + titleClass)
+            .classed('user-select-none', true);
     }
 
     var el = group.selectAll('text')

src/plots/cartesian/axes.js

@@ -2732,6 +2732,7 @@ axes.drawLabels = function(gd, ax, opts) {
     var labelsReady = [];
 
     tickLabels.enter().append('g')
+        .classed('user-select-none', true)
         .classed(cls, 1)
         .append('text')
             // only so tex has predictable alignment that we can

src/traces/bar/plot.js

@@ -122,6 +122,7 @@ function plot(gd, plotinfo, cdModule, traceLayer, opts, makeOnCompleteCallback)
         var bars = pointGroup.selectAll('g.point').data(Lib.identity, keyFunc);
 
         bars.enter().append('g')
+            .classed('user-select-none', true)
             .classed('point', true);
 
         bars.exit().remove();

src/traces/carpet/plot.js

@@ -34,7 +34,8 @@ module.exports = function plot(gd, plotinfo, cdcarpet, carpetLayer) {
         var minorLayer = Lib.ensureSingle(axisLayer, 'g', 'minorlayer');
         var majorLayer = Lib.ensureSingle(axisLayer, 'g', 'majorlayer');
         var boundaryLayer = Lib.ensureSingle(axisLayer, 'g', 'boundarylayer');
-        var labelLayer = Lib.ensureSingle(axisLayer, 'g', 'labellayer');
+        var labelLayer = Lib.ensureSingle(axisLayer, 'g', 'labellayer')
+            .classed('user-select-none', true);
 
         axisLayer.style('opacity', trace.opacity);
 
@@ -206,7 +207,8 @@ function drawAxisTitle(gd, layer, trace, t, xy, dxy, axis, xa, ya, labelOrientat
     var titleJoin = layer.selectAll('text.' + labelClass).data(data);
     var offset = labelOrientation.maxExtent;
 
-    titleJoin.enter().append('text')
+    titleJoin.enter()
+        .append('text')
         .classed(labelClass, true);
 
     // There's only one, but we'll do it as a join so it's updated nicely:
@@ -227,7 +229,8 @@ function drawAxisTitle(gd, layer, trace, t, xy, dxy, axis, xa, ya, labelOrientat
 
         var el = d3.select(this);
 
-        el.text(axis.title.text)
+        el.classed('user-select-none', true)
+            .text(axis.title.text)
             .call(svgTextUtils.convertToTspans, gd);
 
         if(reverseTitle) {
@@ -239,7 +242,6 @@ function drawAxisTitle(gd, layer, trace, t, xy, dxy, axis, xa, ya, labelOrientat
                 'rotate(' + orientation.angle + ') ' +
                 'translate(0,' + offset + ')'
             )
-            .classed('user-select-none', true)
             .attr('text-anchor', 'middle')
             .call(Drawing.font, axis.title.font);
     });

src/traces/contour/plot.js

@@ -228,6 +228,7 @@ function makeLinesAndLabels(plotgroup, pathinfo, gd, cd0, contours) {
     labelGroup.exit().remove();
 
     labelGroup.enter().append('g')
+        .classed('user-select-none', true)
         .classed('contourlabels', true);
 
     if(showLabels) {

src/traces/contourcarpet/plot.js

@@ -161,6 +161,7 @@ function makeLinesAndLabels(plotgroup, pathinfo, gd, cd0, contours, plotinfo, ca
     labelGroup.exit().remove();
 
     labelGroup.enter().append('g')
+        .classed('user-select-none', true)
         .classed('contourlabels', true);
 
     if(showLabels) {