Legend position bottom regression since v3.54

[jon-a-nygaard]

Description

When using a position "bottom" the legend, it is not positioned directly underneath the radial bar. Often it is clipped or not showing at all because it is positioned outside the visible are of the SVG container.
This became noticeable after upgrading from a version before v3.53 to the latest version v4.2.

Steps to Reproduce

1. Open the example of the expected behavior to see a radial bar chart with a legend aligned to the bottom of the chart.
2. Open the example of the actual behavior to see the same example, but using v4.2, the legend is no longer position correctly to the bottom.

Expected Behavior

Please see the following JSFiddle to see an example of the expected behavior, as in v3.53: https://jsfiddle.net/oxsqp5eu/

Actual Behavior

Please see the following JSFiddle for an example of the current behavior, since v3.54: https://jsfiddle.net/usqbfy34/

[acocheo]

Hello, I can confirm the bug.
I think the problem should be this line of code
top position is calculated using global height, instead of foreignObject height (the real pie height)
In case of a big difference, legend is out of is container and disappears.
This not happened in prev version as it use inset css prop with top='auto', so legend was always on bottom of foreignObject
Hope can help

[Kalavida]

I'd like to take a crack at it if you aren't already working on a fix for it @acocheo / @junedchhipa