Heatmap screenshot includes only the visible portion of the page (heatmap rendering doesn't support viewport units)

Hi, we are having an issue with the heatmap screenshots.

The screenshot seems to be of correct height, but it scales the content so that only the initially visible part of the page fills the whole height of the heatmap.

The initially visible part of the page (or the height of that element) is defined with CSS: min-height: 100svh;

Could that be causing the issue while rendering the heatmap content on the matomo dashboard? Are viewport units fully supported?

Here is a zoomed out screenshot of the heatmap in the dashboard. The content that is now at the end of the screenshot, actually should be on the bottom of the red area.

Confirmed that it’s the viewport units. On page that doesn’t use that same layout (and the viewport units), the heatmap works fine.

Hi @valtteri.luoma ,

Please review https://matomo.org/faq/heatmap-session-recording/faq_24421/.

1 Like