Merge pull request 'Fix #194 r2: line-number gutter alignment in both wrap modes' (#198) from fix-194-r2 into dev

internal/web/static/paste-lines.js

@@ -13,7 +13,13 @@
   };
 
   // Wrap each logical line (split on newline; spans never contain newlines
-  // because HighlightCode highlights per line) in a .codeline block.
+  // because HighlightCode highlights per line) in a .codeline block. The
+  // blocks must be adjacent with NO newline text between them (#194):
+  // .codeline is display:block, and under pre-wrap each interleaved '\n'
+  // text node renders as an extra phantom row in the code column that
+  // renumber() does not count, drifting the gutter off alignment on
+  // wrapped lines. Blank lines become empty blocks; .codeline:empty keeps
+  // them one row tall (see app.css).
   function splitLines() {
     var html = body.innerHTML;
     var parts = html.split('\n');
@@ -21,7 +27,7 @@
     for (var i = 0; i < parts.length; i++) {
       out.push('<span class="codeline">' + parts[i] + '</span>');
     }
-    body.innerHTML = out.join('\n');
+    body.innerHTML = out.join('');
   }
 
   function renumber() {