[WIP] The ".page-break" class generates empty page on exported PDF when nested in a hidden element

[Copilot]

Thanks for assigning this issue to me. I'm starting to work on it and will keep this PR's description up to date as I form a plan and make progress.

Original issue description:

Bug report

When there is a DOM element with "page-break" class inside an element that is about to be exported to PDF, this "page-break" results in a new page in the reported PDF file.

If we hide the parent element in which the element with a "page-break" class is nested and export the content to PDF, in the result file, the content of the hidden DIV is not displayed but there are blank pages for each "page-break" class that can be found in the hidden element.

Reproduction of the problem

1. Open this Dojo and run it
2. Press the "Hide the DIV element in red" button
3. Press the "Export to PDF button" and open the exported file

Current behavior

There are two blank pages at the beginning of the exported document. Each of these pages is a result of the "page-break" CSS classes inside the "#test" element

Expected/desired behavior

The "page-break" class should not result in the exported file if it is nested in a hidden element. Here is a Dojo demonstrating the correct behavior: https://dojo.telerik.com/iZAXiZEz

Environment

• Kendo UI version: 2024.1.130
• jQuery version: x.y
• Browser: [all]

Fixes #5694.

---

💬 Share your feedback on Copilot coding agent for the chance to win a $200 gift card! Click here to start the survey.

[Copilot]

@nstoychev 👋 This repository doesn't have Copilot instructions. With Copilot instructions, I can understand the repository better, work faster and produce higher quality PRs.

I can generate a .github/copilot-instructions.md file for you automatically. Click here to open a pre-filled issue and assign it to me. I'll write the instructions, and then tag you for review.