Horizontal legend disappears depending on length of series names

[fredrikw]

I have a graph with a horizontally oriented legend that shows a strange problem. When the total length of the legend is "exactly right" the clip path in the resulting svg gets distorted so that most of the legend is clipped of. See the following CodePen where the first plot is the problematic one. Adding or removing one character in the series names make the legend show correctly as seen in plots two and three.

https://codepen.io/fredrikwa/pen/NWxYXba

[fredrikw]

I created a PR in my fork as per above. Please review and see if it is acceptable.

[fredrikw]

Maybe @alexcjohnson or @archmoj would like to look at it?

[archmoj]

Looks good. Could you open a PR to plotly.js repo?

[fredrikw]

Sure, should I merge in the upstream master first?

[archmoj]

No it doesn't look necessary.

[fredrikw]

PR submitted

[archmoj]

@fredrikw
I didn't notice any difference between the Before vs After codepens using the build from #5139.
Do you see any changes?
If so please mention which operating system and browser you use.
Thanks!

[fredrikw]

Yes, I see a difference, see attachments:

I'm using Chrome 85.0.4183.83 on Windows 10

[archmoj]

Thanks @fredrikw.
I confirm the difference is notable using Chrome 85 on Windows 10.

[archmoj]

Closed via #5139.