ChildMindInstitute / mindlogger-admin-OLD-Vue

Browser-based interface for administering the MindLogger platform
https://admin-prod.mindlogger.org
Other
4 stars 4 forks source link

Page breaks are happening in the middle of the content #1745

Closed natalia-muzyka closed 2 years ago

natalia-muzyka commented 2 years ago

image.png

Environment: https://admin-staging.mindlogger.org/ Win 10 / Chrome 103 user-stg@ml.com / 123456 config reports v9 / test D Applet password: Qwe123!!!

natalia-muzyka commented 2 years ago

@astef021 is still reproducible on markdown/html elements, like images, tables :

image.png

natalia-muzyka commented 2 years ago

@astef021 reproducible with a large print question as well:

image.png

@WorldImpex in the scope of page breaks: is this expected that if there are two question blocks that can't be displayed fully on one page they will be displayed on different pages? (we don't have such example in design):

image.png

fullstackdev065 commented 2 years ago

@natalia-muzyka I fixed page break issue for response options, items, tables, and images.

but for markdown elements, could you please add "page-break-inside: avoid;" to the style of elements that you want page break? pdf pages have too many page breaks if we do for all markdowns in the code, so I think page breaks should be decided by applet editors.

example: div style="page-break-inside: avoid;"

natalia-muzyka commented 2 years ago

Verified as fixed: https://www.screencast.com/t/IwNsW9kQ

Environment: https://admin-staging.mindlogger.org/ Win 10 / Chrome 103 macOS Catalina 10.15 / Chrome 103 user-stg@ml.com / 123456 config reports v9 / test D Applet password: Qwe123!!!