Skip to content

  • Projects
  • Groups
  • Snippets
  • Help
    • Loading...
    • Help
    • Support
    • Submit feedback
    • Contribute to GitLab
  • Sign in / Register
pagedjs
pagedjs
  • Project
    • Project
    • Details
    • Activity
    • Releases
    • Cycle Analytics
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
    • Charts
  • Issues 160
    • Issues 160
    • List
    • Boards
    • Labels
    • Milestones
  • Merge Requests 12
    • Merge Requests 12
  • CI / CD
    • CI / CD
    • Pipelines
    • Jobs
    • Schedules
    • Charts
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Members
    • Members
  • Collapse sidebar
  • Activity
  • Graph
  • Charts
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
  • Tools
  • pagedjspagedjs
  • Issues
  • #248

Closed
Open
Opened Sep 21, 2020 by Guillaume@mogztter
  • Report abuse
  • New issue
Report abuse New issue

Paged.js should not break a table cell when break-inside: avoid is defined

Breaking inside a table cell produces unexpected result.
As a workaround, it's possible to use the following definition:

tr, td {
  break-inside: avoid;
}

However, this rule is "ignored" when the table cell contains a lot of text and/or nested nodes (paragraph, strong, em...).

Consider the following example: break-inside-avoid-table-cell.html

Here's the original table (before Paged.js processing)

table

And here's the result:

broken-table

As you can see the first cell is chunked but the "Lorem ipsum..." columns are missing on the first page.

Since we have explicitly defined that we want to avoid break inside table cell, I would expect something like:

table-expected

Assignee
Assign to
None
Milestone
None
Assign milestone
Time tracking
None
Due date
None
0
Labels
None
Assign labels
  • View project labels
Reference: tools/pagedjs#248