Bug Summary
Print preview and PDF export on Tutorial pages with a Print option do not maintain proper content formatting. Headings and related content are split incorrectly across pages, reducing readability.
Bug Description
When users click the Print button on pages within the Tutorial section, the generated print preview does not preserve the intended layout. Some headings appear at the bottom of one page while their corresponding content moves to the next page. In certain cases, content is cut off or misplaced during PDF export.
This issue has been observed on multiple Tutorial pages that provide the Print functionality.
Steps to Reproduce
1.Open the Algo documentation website.
2.Navigate to the Tutorial section.
3.Open any page that contains the Print option.
4.Click on the Print button.
5.Open the print preview or choose "Save as PDF".
6.Observe that some headings and content are split incorrectly across pages.
Expected Behavior
• Headings should remain attached to their related content.
• Content should not be cut off between pages.
• Print preview and PDF export should maintain a clean and readable layout.
• Proper page breaks should be applied.
Actual Behavior
• Headings appear on one page while their content shifts to another page.
• Some sections are cut off at page boundaries.
• The print layout becomes inconsistent and difficult to read.
Screenshots or Logs (Optional)
Severity
Critical - prevents the use of the system
Environment
System Information (Optional)
OS: Windows 11
Browser: Google Chrome (latest version)
Bug Summary
Print preview and PDF export on Tutorial pages with a Print option do not maintain proper content formatting. Headings and related content are split incorrectly across pages, reducing readability.
Bug Description
When users click the Print button on pages within the Tutorial section, the generated print preview does not preserve the intended layout. Some headings appear at the bottom of one page while their corresponding content moves to the next page. In certain cases, content is cut off or misplaced during PDF export.
This issue has been observed on multiple Tutorial pages that provide the Print functionality.
Steps to Reproduce
1.Open the Algo documentation website.
2.Navigate to the Tutorial section.
3.Open any page that contains the Print option.
4.Click on the Print button.
5.Open the print preview or choose "Save as PDF".
6.Observe that some headings and content are split incorrectly across pages.
Expected Behavior
• Headings should remain attached to their related content.
• Content should not be cut off between pages.
• Print preview and PDF export should maintain a clean and readable layout.
• Proper page breaks should be applied.
Actual Behavior
• Headings appear on one page while their content shifts to another page.
• Some sections are cut off at page boundaries.
• The print layout becomes inconsistent and difficult to read.
Screenshots or Logs (Optional)
Severity
Critical - prevents the use of the system
Environment
System Information (Optional)
OS: Windows 11
Browser: Google Chrome (latest version)