Fix vertical scroll on long legends

[markov00]

Summary

This PR fix #22597

It also remove the vertical overflow, visible with an vertical bar in IE11 on the visualize element, visible on master but not on 6.4 and shown on the following screenshot

Checklist

• This was checked for cross-browser compatability, including a check against IE11
• [ ] Any text added follows EUI's writing guidelines, uses sentence case text and includes i18n support
• [ ] Documentation was added for features that require explanation or tutorials
• [ ] Unit or functional tests were updated or added to match the most common scenarios
• [ ] This was checked for keyboard-only and screenreader accessibility

For maintainers

• [ ] This was checked for breaking API changes and was labeled appropriately
• This includes a feature additition or change that requires a release note and was labeled appropriately

[elasticmachine]

💚 Build Succeeded

• continuous-integration/kibana-ci/pull-request

[lukeelmers]

Code LGTM

[markov00]

Hey @marius-dr, can you take a look at this PR on your window machine?

[elasticmachine]

💚 Build Succeeded

• continuous-integration/kibana-ci/pull-request

[markov00]

retest

[elasticmachine]

💔 Build Failed

• continuous-integration/kibana-ci/pull-request

[elasticmachine]

💚 Build Succeeded

• continuous-integration/kibana-ci/pull-request

[markov00]

backport 6.x/6.6: #25857

[swtrux]

I have tested this on 2 seperate 6.5.4 installs and it is not fixed. When scolling long legends the entire vizualization still scrolls. Also, the problem seems worse now as there is now a large space between the X axis and the actual vizualization(starting x=0) when you make the visual display size less than the size of the legend list. The space becomes larger the smaller you make the size of the visual.

There is also a problem with long X axis legends that did not exist on 5.x.

[flash1293]

Hi @swtrux , there seem to be two very similar issues, one fixed and the other one still lurking - does it work for you in the Visualization Editor? I can reproduce the problem if a vis is used in a dashboard, but the same vis in the editor looks fine for me.

Vis in dashboard with legend scroll bug

Same vis in editor with legend overflowing correctly

I will open a new PR for the dashboard problem and start working on it right away.

[flash1293]

@swtrux Regarding the problem with long labels ("There is also a problem with long X axis legends that did not exist on 5.x.") - could you please open a separate issue for that?