Text overlay is positioned incorrectly

[Pixelworlds]

It appears that the text overlay for a converted pdf document is misaligned. The PDF I used is available here

My current code is as follows (where PDFDOC is the url provided above):

var PAGE_TO_VIEW = 1;
var SCALE = 1.0;

var pdfDoc = null;
var pageNum = 1;
var pageRendering = false;
var pageNumPending = null;

var container = document.getElementById('viewerContainer');
var pdfLinkService = new PDFJS.PDFLinkService();
var pdfViewer = new PDFJS.PDFViewer({
    container: container,
    linkService: pdfLinkService,
});

var getPDF = function() {
    PDFJS.getDocument(PDFDOC).then(function(pdf) {
        pdfDoc = pdf;

        document.getElementById('total-pg-num').textContent = pdfDoc.numPages;
        document.getElementById('current-pg-num').textContent = pageNum;

        pdfViewer.setDocument(pdfDoc);
        pdfLinkService.setDocument(pdfDoc, null);
    });
}

function onNextPage() {
    if (pageNum >= pdfDoc.numPages) return;

    pageNum++;
    $('#page' + pageNum).goTo(70);
    document.getElementById('current-pg-num').textContent = pageNum;
}

function onPrevPage() {
    if (pageNum <= 1) return;

    pageNum--;
    $('#page' + pageNum).goTo(70);
    document.getElementById('current-pg-num').textContent = pageNum;
}

$(document).ready(function() {
    pdfLinkService.setViewer(pdfViewer);

    document.getElementById('doc-next').addEventListener('click', onNextPage);
    document.getElementById('doc-prev').addEventListener('click', onPrevPage);

    container.addEventListener('pagesinit', function () {
        pdfViewer.currentScale = SCALE;
    });

    getPDF();
});

[timvandermeij]

Closing since this is fixed by #12896 and other work.