Changed code block line number gutter rendering method for performance and gain better accessibility

1 files changed, 2 insertions, 2 deletions

diff --git a/public/js/extra.js b/public/js/extra.js
index cb6676bc..fd150bea 100644
--- a/public/js/extra.js
+++ b/public/js/extra.js
@@ -413,9 +413,9 @@ function highlightRender(code, lang) {
         var lines = result.value.split('\n');
         var linenumbers = [];
         for (var i = 0; i < lines.length - 1; i++) {
-            linenumbers[i] = "<div class='linenumber'>" + (i + 1) + "</div>";
+            linenumbers[i] = "<span data-linenumber='" + (i + 1) + "'></span>";
         }
-        var linegutter = "<div class='gutter'>" + linenumbers.join('\n') + "</div>";
+        var linegutter = "<div class='gutter linenumber'>" + linenumbers.join('\n') + "</div>";
         result.value = "<div class='wrapper'>" + linegutter + "<div class='code'>" + result.value + "</div></div>";
     }
     return result.value;