Issue with text layer rendering: pdfjs v3.3.122

[marija-popovic]

Since upgrading from pdfjs v2.5.207 to pdfjs v3.3.122 I have had issues with rendering a text layer of pdfs. Previously, for this purpose, class TextLayerBuilder was used and it was working correctly.

This is the code that was used:

const textLayer = new TextLayerBuilder({
        eventBus: new Proxy({}, { get: () => () => {} }),
        textLayerDiv: this.textLayerElement.nativeElement,
        pageIndex: this.page.pageIndex,
        viewport,
});

textLayer.setTextContent(this.textContent);
textLayer.render();

Now, the constructor of TextLayerBuilder doesn't accept the same parameters as before and it is not clear how the same behavior should be achieved with these changes. Instead, I tried to use renderTextLayer function:

const renderTextLayerTask = renderTextLayer({
        textContentSource: this.textContent,
        container: this.textLayerElement.nativeElement,
        viewport,
        textDivs: [],
});

but it resulted in having issues with the alignment and font size of the pdf text, for example:

I would appreciate if some instructions for overcoming this issue could be provided, either with the usage of TextLayerBuilder or renderTextLayer.

[Daschmi]

Same Problem with scaled DIV.

pdfjs-dist@5.4.530

		const textLayer = new TextLayerBuilder({
			pdfPage: page,
			viewport: scaledViewport
		});

		textLayer.div = textLayerDiv;

		const textContent = await page.getTextContent();

		await textLayer.render({
			viewport: scaledViewport
		});