Skip to content

Text Overlap and Extra Empty Partial Row with IPAMP (Mincho) Font in pdfMake JS Library #2860

Description

@mahabub-mollah

Issue Content:
The text is overlapped by default when using the IPAMP Mincho font in the PDFMake JS library. I attempted to use line height and margin adjustments to mitigate this issue. However, this introduced another problem: an extra empty partial row appears at the bottom of the page. Check the attached images.

I have used the dontBreakRows: true property, which works appropriately for a specific range of text that fits within a single page. However, my content is dynamic, and some columns can contain up to 4000 characters, meaning they will inevitably span multiple rows across multiple pages. The dontBreakRows: true property resists this natural behavior, causing layout issues, and the row is missing in the report. Also, I want to mention that I have nested tables for a few columns, as you can see columns 5,6,7.

Steps to Reproduce:

  1. Configure pdfMake to use IPAmp Mincho font.
  2. Generate a document containing multiple lines of text.
  3. Keep a nested table for two or three columns.
  4. Observe that the text overlaps.
  5. Adjust line height or margins to resolve the overlap.
  6. Also tries to give margin for the row text.
  7. Notice that this adjustment causes extra empty rows to appear at the bottom of each page.
  8. Check the jsfiddle link, download and observe page no 4, you will see the empty row.
    JsFiddle Link

Expected Behavior:

  1. The text should be properly spaced without overlap.
  2. Adjusting line height or margins should not introduce unwanted empty rows.

Observed Behavior:

  1. Text overlap occurs by default.
  2. Applying line height or margin adjustments results in an extra empty partial row at the bottom of the page.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions