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 153
    • Issues 153
    • List
    • Boards
    • Labels
    • Milestones
  • Merge Requests 11
    • Merge Requests 11
  • 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
  • #245

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

"break-inside: avoid" rule should be ignored when the element cannot fit on the next page

Currently, Paged.js will move the element to the next page:

localhost_63342_pagedjs_specs_breaks_break-inside_break-inside-avoid_long-section.html__ijt_ouvrkki9j4o2r0e60h0p1l9is3_Laptop_with_MDPI_screen_

And then, since the element still does not fit on the page, Paged.js will rightfully break the element and thus, ignore the impractical rule (i.e. impossible to comply).

In the end, Paged.js adds unnecessary blank space. It would be better to ignore the rule right away and produces:

localhost_63342_pagedjs_specs_breaks_break-inside_break-inside-avoid_long-section.html__ijt_dp8clis2stupeer3p5pjpf3f8u_Laptop_with_MDPI_screen_

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#245