react-pdf-html icon indicating copy to clipboard operation
react-pdf-html copied to clipboard

Incorrect alignment in html list bullets

Open NatashaOsipenko opened this issue 1 year ago • 3 comments

Hi, I am using react-pdf and react-pdf-html to create a pdf. My pdf contains html text with list, wrapped in tag <Html>

import { Document } from '@react-pdf/renderer' import Html from 'react-pdf-html'

const htmlTextWithList = <div>Datenimport gem&auml;ss vorheriger Definition</div><ul><li>Definition Importformat</li><li>Import der angelieferten Kontaktdaten f&uuml;r weiteren Einsatz in colada</li><li>Anlieferung der Daten in Excel oder CSV</li><li>Qualit&auml;t der Daten muss durch Auftraggeber sichergestellt werden</li></ul>

<Document> ... <Html>{htmlTextWithList}</Html> ... </Document>

As as result I have following problem. Bullets have incorrect alignment Screenshot 2023-10-19 at 18 52 44

Browser (if applicable): Chrome Version 116.0.5845.187 React-PDF version: 3.1.12 React version: 18.2.0 Webpack version (if applicable):5.75.0 react-pdf-html version:1.1.18

Could you please assist?

NatashaOsipenko avatar Jan 16 '24 13:01 NatashaOsipenko

I can second this. Facing the same issue image

sohamsshah avatar Jan 26 '24 12:01 sohamsshah

I can second this. Facing the same issue image

same for me.

Is this going to be fixed?

maximohneilian avatar Apr 09 '24 12:04 maximohneilian

Hi, I am using react-pdf and react-pdf-html to create a pdf. My pdf contains html text with list, wrapped in tag

import { Document } from '@react-pdf/renderer' import Html from 'react-pdf-html'

const htmlTextWithList = <div>Datenimport gem&auml;ss vorheriger Definition</div><ul><li>Definition Importformat</li><li>Import der angelieferten Kontaktdaten f&uuml;r weiteren Einsatz in colada</li><li>Anlieferung der Daten in Excel oder CSV</li><li>Qualit&auml;t der Daten muss durch Auftraggeber sichergestellt werden</li></ul>

<Document> ... <Html>{htmlTextWithList}</Html> ... </Document>

As as result I have following problem. Bullets have incorrect alignment Screenshot 2023-10-19 at 18 52 44

Browser (if applicable): Chrome Version 116.0.5845.187 React-PDF version: 3.1.12 React version: 18.2.0 Webpack version (if applicable):5.75.0 react-pdf-html version:1.1.18

Could you please assist?

Hopefully you already found a fix, but when I updated the module to 1.3.7 this had been resolved

BrosnanRiley avatar Jun 03 '24 14:06 BrosnanRiley