Prevent 0px left/top OCR words from rendering on the page (#1460)

Author: schu96

src/plugins/plugin.text_selection.js

@@ -137,6 +137,15 @@ export class TextSelectionPlugin extends BookReaderPlugin {
     if ($textLayers.length) return;
     const XMLpage = await this.getPageText(pageIndex);
     if (!XMLpage) return;
+    // Seeing some 0 left and 0 top coordinates in OCR, remove it entirely to prevent odd rendering
+    // eg https://archive.org/details/illustratedbooko00robe/page/n11/mode/2up
+    $(XMLpage).find("WORD").filter((_, ele) => {
+      const [left, , , top] = ele.getAttribute('coords').split(",").map(parseFloat);
+      if (left == 0 && top == 0) {
+        console.error("Found invalid ocr word coordinates");
+        return true;
+      }
+    }).remove();
     recursivelyAddCoords(XMLpage);
 
     const totalWords = $(XMLpage).find("WORD").length;