[Bug]: Custom report widget of barchart mouseover legend is truncated incorrectly

What happened?

I have a custom report to show my net spending by group, over time, as a stacked bar graph, for a bunch of different categories. On my dashboard I have a widget of this report. When I mouse over a month, the tooltip that shows the legend for the categories and their spending is truncated very inconsistently. The amount of categories shown in the tooltip varies per month, in some cases it does not even show one category.

Note that when I open the report the tooltip works just fine. When I create the same report but as a line graph instead, the tooltip truncates at 4 categories for every month.

In my opinion, even with 20 entries, the tooltip is not so big that it needs truncating. Not being able to see this legend greatly reduces the usefullness of the widget. I would suggest making the tooltip behave the same for the widget as it does in the report.

This screenshot shows the tooltip not even showing one category.

How can we reproduce the issue?

1. Create a custom report for more than 4 categories over time, split by category, monthly interval.
2. Add a widget of this report to your dashboard.
3. Mouseover the bars in the chart to show the tooltip.
4. Observe that the tooltip length is not the same every month, even though there are more than 4 categories with entries in each month.

Where are you hosting Actual?

Docker

What browsers are you seeing the problem on?

Firefox

Operating System

Windows 10