@utrautmann opened this Issue on March 17th 2021

When I click in the Goals menu and then Overview, the widget for the Channel type is loaded too small relatively often.
See the screenshots.
A reload helps.

Unfortunately I cannot reproduce it on https://demo.matomo.cloud/, but on few own installations.
It seems to occur when the response speed from the server is not very fast.

An JavaScript error does not happen at the browser console.

Environment

  • Matomo Version: 4.2.1 and older
  • Browser: Firefox, Chrome (current versions)
  • Operating System: Windows, Mac

Here I show two screens from different installations:

grafik

grafik

@diosmosis commented on March 17th 2021 Member

@utrautmann I tried adding a sleep(5); to my index.php but still I'm not able to reproduce this. How long does it take for your requests to finish?

@utrautmann commented on March 17th 2021

Hi @diosmosis ,

I uploaded a screencast video here. If you slow down the playback, you will see between 00:01 and 00:02 seconds that the Channel Type widget is already displayed, but the 4 goals are still loaded. See also my screenshot from that moment.
At the end of the video you will see that the Channel Type widget is empty (has no data) when I scroll to right.
Could be a competition problem between the different requests.

grafik

@diosmosis commented on April 11th 2021 Member

Hi @utrautmann, apologies for the late reply, definitely looks like a bug, though it might be hard to track this one down. Thanks again for reporting it!

@diosmosis commented on April 23rd 2021 Member

I was able to reproduce this by chance on cloud. The problem appears to be this code: https://github.com/matomo-org/matomo/blob/4.x-dev/plugins/CoreHome/javascripts/dataTable.js#L415-L421 which sets the max-width to 60px. It happens if this logic is executed while the widget is not shown (ng-hide is on the widget containing the table). The max width is then set too early. A timeout would probably be a quick fix, possibly one that checks if the table is visible.

Powered by GitHub Issue Mirror