I’ve got a heatmap that’s not fully rendering. I’ve attached an image that shows the above the fold content rendering correctly, however anything under the fold is not rendered. It’s as if the heatmap dashboard or the recorder isn’t aware that the website has 4 to 5 times more height to it.
Can someone please let me know if there is a solution to this or if this is an unexpected bug? The website is https://www.usacarrecord.com.
I sent a support ticket through the website and I got a response from support@matomo.org saying it had been passed on to the premium features support team.
That was on the 25th of January and they haven’t got back to me yet.
Just for future reference and anyone who has this issue. The problem is caused by using height:100% which messes with the iFrame.
The solution is to set a min-height for when the heatmap is active. The “.matomoHsr” class is only added to the HTML root when you’re viewing the heatmap.