opensearch-project / OpenSearch-Dashboards

📊 Open source visualization dashboards for OpenSearch.
https://opensearch.org/docs/latest/dashboards/index/
Apache License 2.0
1.66k stars 870 forks source link

[BUG] [TableVis] Embeddables are not sized correctly, and create vertical and horizontal scrollbars #5616

Open joshuarrrr opened 9 months ago

joshuarrrr commented 9 months ago

Describe the bug

The table renderer already correctly has vertical or horizontal scrollbars as necessary, so these extra scrollbars indicate a CSS or responsive issue in the container itself.

To Reproduce Steps to reproduce the behavior:

  1. Go to '...'
  2. Click on '....'
  3. Scroll down to '....'
  4. See error

Expected behavior No nested scrollbars

OpenSearch Version Latest (2.11.1)

Dashboards Version Latest (2.11.1)

Plugins

None

Screenshots

Screenshot 2023-12-14 at 1 30 19 PM Screenshot 2023-12-14 at 1 29 57 PM

Host/Environment (please complete the following information):

Additional context

Similar past issue with vega visualizations: https://github.com/opensearch-project/OpenSearch-Dashboards/issues/3485

Lockhead commented 5 months ago

This is still there on 2.13 and very annoying for larger dashboards

Lockhead commented 4 months ago

This is really hell for usability, it's impossible to use right now... screenshot

AMoo-Miki commented 3 months ago

The reason we get the extra scrollbars is that .visualization has a padding of $euiSizeS = 8px while its child has a margin of - $euiSizeL / 2 = -12px. This makes the child larger than the parent, forcing the scrollbars to show up.

Lockhead commented 2 weeks ago

This is still there on 2.16 and very annoying for larger dashboards