$.parseHTML: ensuring whitespace around a single HTML tag is preserved

r-aamir · Dec 30, 2019 · 9c571dc · 9c571dc
1 parent 95a9e7a
commit 9c571dc
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 1 deletion.
diff --git a/src/core/parse_html.ts b/src/core/parse_html.ts
@@ -10,7 +10,7 @@ interface CashStatic {
 }
 
 const fragmentRe = /^\s*<(\w+)[^>]*>/,
-      singleTagRe = /^\s*<(\w+)\s*\/?>(?:<\/\1>)?\s*$/;
+      singleTagRe = /^<(\w+)\s*\/?>(?:<\/\1>)?$/;
 
 const containers = {
   '*': div,

diff --git a/test/modules/utilities.js b/test/modules/utilities.js
@@ -216,6 +216,23 @@ describe ( 'Utilities', function () {
 
     });
 
+    it ( 'preserves leading/trailing whitespace', function ( t ) {
+
+      var htmls = [
+        '  <b>foo</b>',
+        '<b>foo</b>  ',
+        '  <b>foo</b>  ',
+        '  <div></div>',
+        '<div></div>   ',
+        '  <div></div>   '
+      ];
+
+      htmls.forEach ( function ( html ) {
+        t.is ( $('<div>').append ( $.parseHTML ( html ) ).html (), html );
+      });
+
+    });
+
     it ( 'doesn\'t overwrite previous DOM nodes', function ( t ) {
 
       var span = $('<span>CONTENT</span>');