PDFJS: Error On Text Rendering For The PDF

Recently the PDF rendering get a messed up text layer where text gets duplicated with the grey colored overlay. No idea about how to fix it as when i remove textLayerFactory: new

Solution 1:

in the new PDFjs, the CSS file needs to be added seperately from the node_modules folder. therefore i added this as

  app.import( 'node_modules/pdfjs-dist/web/pdf_viewer.css' );

and you can add this as a html import as well.

<link rel="stylesheet" href="../../node_modules/pdfjs-dist/web/pdf_viewer.css">

more information about the example from PDFjs https://github.com/mozilla/pdf.js/blob/master/examples/components/pageviewer.html