VEGA is missing scroll bars

[alexwizp]

Closes: #22240

Summary

Describe the bug: I started using VEGA to create visualizations in KIBANA.
When trying to visualize a NxM matrix, which exceeds the size of the screen, there was no vertical or horizontal scroll bars.

Steps to reproduce:

1. In KIBANA create a new VEGA visualization
2. create any visualization that exceeds screen size
3. example:
   {
   "$schema":"https://vega.github.io/schema/vega/v3.json",
   "autosize":"none",
   "width":1600,
   "height":1600
   }

Before:

After:

Checklist

Delete any items that are not applicable to this PR.

• 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
• This renders correctly on smaller devices using a responsive layout. (You can test this in your browser
• This was checked for cross-browser compatibility, including a check against IE11

For maintainers

• This was checked for breaking API changes and was labeled appropriately

[elasticmachine]

Pinging @elastic/kibana-app (Team:KibanaApp)

[cchaos]

@alexwizp Can you add some before and after screenshots?

[alexwizp]

@elasticmachine merge upstream

[kibanamachine]

💚 Build Succeeded

• continuous-integration/kibana-ci/pull-request
• Commit: 66feeb8

History

• 💛 Build #53033 was flaky 91e7fad

To update your PR or re-run it, just comment with:
@elasticmachine merge upstream

[stratoula]

I have tested it on OSx Chrome, Safari and FF. It displays the bars only when the size is extended and I think is pretty helpful for the user.

[cchaos]

👍 It also works properly when embedded in a Dashboard