opensearch-project / OpenSearch-Dashboards

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

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

Open joshuarrrr opened 11 months ago

joshuarrrr commented 11 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 7 months ago

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

Lockhead commented 6 months ago

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

AMoo-Miki commented 5 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 months ago

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