fix #746 issue with newline characters in text in IE

Author: alexcjohnson

src/lib/svg_text_utils.js

@@ -250,6 +250,8 @@ var UNICODE_TO_ENTITY = Object.keys(stringMappings.unicodeToEntity).map(function
     };
 });
 
+var NEWLINES = /(\r\n?|\n)/g;
+
 exports.plainText = function(_str) {
     // strip out our pseudo-html so we have a readable
     // version to put into text fields
@@ -278,6 +280,13 @@ function encodeForHTML(_str) {
 function convertToSVG(_str) {
     _str = convertEntities(_str);
 
+    // normalize behavior between IE and others wrt newlines and whitespace:pre
+    // this combination makes IE barf https://github.com/plotly/plotly.js/issues/746
+    // Chrome and FF display \n, \r, or \r\n as a space in this mode.
+    // I feel like at some point we turned these into <br> but currently we don't so
+    // I'm just going to cement what we do now in Chrome and FF
+    _str = _str.replace(NEWLINES, ' ');
+
     var result = _str
         .split(/(<[^<>]*>)/).map(function(d) {
             var match = d.match(/<(\/?)([^ >]*)\s*(.*)>/i),

test/image/mocks/annotations.json

@@ -21,7 +21,7 @@
             {"text":"left<br>justified","showarrow":false,"align":"left","x":1,"y":4},
             {"text":"center<br>justified","showarrow":false,"x":2,"y":4},
             {"text":"right<br>justified","showarrow":false,"align":"right","x":3,"y":4},
-            {"text":"no arrow<br>page auto TR","showarrow":false,"xref":"paper","yref":"paper","x":0.75,"y":0.75},
+            {"text":"no\narrow<br>page\rauto\r\nTR","showarrow":false,"xref":"paper","yref":"paper","x":0.75,"y":0.75},
             {"text":"no arrow<br>page auto ML","showarrow":false,"xref":"paper","yref":"paper","x":0.25,"y":0.5},
             {"text":"no arrow<br>page auto BC","showarrow":false,"xref":"paper","yref":"paper","x":0.5,"y":0.25},
             {"text":"default"},

test/image/mocks/axes_enumerated_ticks.json

@@ -32,8 +32,8 @@
         "width": 400,
         "xaxis": {
             "ticktext": [
-                "<span style=\"fill:green\">green</span> eggs",
-                "&amp; ham",
+                "<span style=\"fill:green\">green</span>\neggs",
+                "&amp;\r\nham",
                 "H<sub>2</sub>O",
                 "Gorgonzola"
             ],

test/image/mocks/text_chart_arrays.json

@@ -12,11 +12,11 @@
                 1
             ],
             "mode": "lines+markers+text",
-            "name": "Lines, Markers and Text",
+            "name": "Lines,\nMarkers\rand\r\nText",
             "text": [
-                "Text A",
-                "Text B",
-                "Text C"
+                "Text\nA",
+                "Text\rB",
+                "Text\r\nC"
             ],
             "textfont": {
                 "family": [