On page print via Ctrl+P, diagrams do not get resized to page width in Chrome

[slauriere]

Steps to reproduce

1. Create a diagram
2. Add a rectangle to it, with a width of approximately 1200 pixels
3. Save and view the page
4. Hit Ctrl+P

Actual result

• In Firefox, the diagram gets resized to the page width (see capture below)
• In Chrome, the diagram is cropped, hence only the first part of the rectangle is visible

Diagram page

Diagram page print preview on Chrome

Diagram page print preview on Firefox

Expected result

• In Chrome, the diagram should get resized

Workaround

Bypassing the dynamic sizing mechanism of the application by displaying the diagram as an image pointing at the generated SVG file allows to obtain the expected result on Ctrl+P on Chrome (an option is then to include that img element in the standard diagram sheet with a @media print rule displaying it only on print, while the diagram viewer should then get hidden on print (class="hidden-print")).

{{html clean="false"}}
<img src='/xwiki/bin/download/Diagram/ABC/WebHome/diagram.svg' />
{{/html}}

Diagram print preview on Chrome with workaround

Environment

• Diagram Pro 1.15.5
• Latest Chrome and Firefox
• XWiki 13.0
• Ubuntu 20

See also

• 178

[oanalavinia]

The problem seems to be that for Chrome the page is not scaled automatically at print step. On Firefox, the setting "Fit to page width" is set by default. Such a setting is not present on Chrome, but you can set Settings -> More settings -> Scale to a Custom width, with the value 89 for example, and this will lead to the same result as in the other browser. Note that this scale will be available for all prints until it is changed back.