"break-inside: avoid" rule should be ignored when the element cannot fit on the next page (#245) · Issues · Tools / pagedjs

"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:

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:

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_](/uploads/3bd7d74862f26620f79e032bd7824218/localhost_63342_pagedjs_specs_breaks_break-inside_break-inside-avoid_long-section.html__ijt_ouvrkki9j4o2r0e60h0p1l9is3_Laptop_with_MDPI_screen_.png)

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_](/uploads/f5cc86901195b8160e99a385834f52a0/localhost_63342_pagedjs_specs_breaks_break-inside_break-inside-avoid_long-section.html__ijt_dp8clis2stupeer3p5pjpf3f8u_Laptop_with_MDPI_screen_.png)