V12 Write pips as HTML

README.md

@@ -19,6 +19,9 @@ An extensive documentation, including **examples**, **options** and **configurat
 Changelog
 ---------
 
+### 12.0.0 (*unreleased*)
+- Fixed: Pips formatting are now written as HTML (#875);
+
 ### 11.1.0 (*2018-04-02*)
 - Change: `null` options are now handled consistently (#856);
 - Fixed: Missing transform origin in IE9 (#870);

documentation/pips.php

@@ -99,6 +99,8 @@
 
 		<p>The Pips add-on supports <code>format</code> in the same way the slider itself does.</p>
 
+        <p>Pips are written as HTML. If you are using user-supplied values in the format option, you may want to escape them.</p>
+
 	</div>
 
 	<div class="side">

documentation/pips/steps.js

@@ -13,7 +13,7 @@ noUiSlider.create(pipsSteps, {
 		filter: filter500,
 		format: wNumb({
 			decimals: 2,
-			prefix: '$'
+			prefix: '€'
 		})
 	}
 });

src/nouislider.js

@@ -1478,7 +1478,7 @@
                     );
                     node.setAttribute("data-value", values[0]);
                     node.style[options.style] = offset + "%";
-                    node.innerText = formatter.to(values[0]);
+                    node.innerHTML = formatter.to(values[0]);
                 }
             }