Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix(chart-table): Scrollbar causing header + footer overflow #21064

Merged
merged 1 commit into from
Dec 16, 2022

Conversation

reesercollins
Copy link
Contributor

@reesercollins reesercollins commented Aug 11, 2022

SUMMARY

This fixes a bug caused by bad (and unneeded) scrollbar compensating code. See the linked issue for more info.

BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF

Before:

2022-08-15.11-40-10.mp4

After:

2022-08-15.11-41-09.mp4

TESTING INSTRUCTIONS

Try reproducing the bug in the linked issue. It should no longer appear.

ADDITIONAL INFORMATION

@codecov
Copy link

codecov bot commented Aug 11, 2022

Codecov Report

Merging #21064 (b820113) into master (eb5369f) will decrease coverage by 0.08%.
The diff coverage is n/a.

@@            Coverage Diff             @@
##           master   #21064      +/-   ##
==========================================
- Coverage   66.38%   66.29%   -0.09%     
==========================================
  Files        1767     1769       +2     
  Lines       67232    67399     +167     
  Branches     7138     7175      +37     
==========================================
+ Hits        44633    44685      +52     
- Misses      20773    20880     +107     
- Partials     1826     1834       +8     
Flag Coverage Δ
javascript 52.01% <ø> (-0.11%) ⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.

Impacted Files Coverage Δ
...ugin-chart-table/src/DataTable/hooks/useSticky.tsx 4.34% <ø> (+0.13%) ⬆️
...nents/DataTablesPane/components/useResultsPane.tsx 84.78% <0.00%> (-12.72%) ⬇️
...et-frontend/src/components/Chart/ChartRenderer.jsx 52.00% <0.00%> (-2.24%) ⬇️
...ntend/src/explore/components/ExploreChartPanel.jsx 67.60% <0.00%> (-1.41%) ⬇️
...et-frontend/src/explore/reducers/exploreReducer.js 38.70% <0.00%> (-1.30%) ⬇️
...d/src/SqlLab/components/SaveDatasetModal/index.tsx 52.87% <0.00%> (-1.15%) ⬇️
...d/plugins/plugin-chart-echarts/src/utils/series.ts 85.08% <0.00%> (-0.90%) ⬇️
...set-frontend/src/explore/actions/exploreActions.ts 57.89% <0.00%> (-0.44%) ⬇️
superset-frontend/src/SqlLab/actions/sqlLab.js 60.11% <0.00%> (-0.34%) ⬇️
...c/views/CRUD/data/database/DatabaseModal/index.tsx 31.52% <0.00%> (-0.23%) ⬇️
... and 49 more

📣 We’re building smart automated test selection to slash your CI/CD build times. Learn more

@geido
Copy link
Member

geido commented Aug 15, 2022

/testenv up

@github-actions
Copy link
Contributor

@geido Ephemeral environment spinning up at http://34.213.181.137:8080. Credentials are admin/admin. Please allow several minutes for bootstrapping and startup.

@geido
Copy link
Member

geido commented Aug 15, 2022

Hello @reesercollins it would be great if you could add a video or GIF before and after the changes. Thank you!

// eslint-disable-next-line react/no-array-index-key
<col
key={i}
width={x + (i === colWidths.length - 1 ? scrollBarSize : 0)}
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@reesercollins just to be triple sure, do you have evidence that this isn't required any longer?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I haven't been able to find any instances where this removal causes any breaking changes, however, I am not the most knowledgeable when it comes to the usage of this plugin within superset since our organization uses a custom table viz.

@kgabryje
Copy link
Member

/testenv up

@github-actions
Copy link
Contributor

@kgabryje Ephemeral environment spinning up at http://52.42.126.233:8080. Credentials are admin/admin. Please allow several minutes for bootstrapping and startup.

@rusackas
Copy link
Member

/testenv up

@apache apache deleted a comment from github-actions bot Oct 11, 2022
@apache apache deleted a comment from github-actions bot Oct 11, 2022
@github-actions
Copy link
Contributor

@rusackas Container image not yet published for this PR. Please try again when build is complete.

@github-actions
Copy link
Contributor

@rusackas Ephemeral environment creation failed. Please check the Actions logs for details.

Copy link
Member

@rusackas rusackas left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Approving this, as it seems fairly innocuous. I'd like to test it further on an ephemeral env, but that doesn't seem to be working, and I can't seem to find anyone with a PC to test this anyway.

Heads up to @jinghua-qa that we might want to keep an eye on table scrolling issues in future testing, and if we have the means, make sure that the related Issue in the PR description (using PC Chrome) is resolved once and for all.

To @geido's point, if this DOES cause any unforeseen issues, it should be easy to roll back! 🤞

@rusackas rusackas merged commit 2679ee2 into apache:master Dec 16, 2022
@github-actions
Copy link
Contributor

Ephemeral environment shutdown and build artifacts deleted.

@cccs-Dustin cccs-Dustin deleted the fix/footer-overflow branch December 19, 2022 15:36
@mistercrunch mistercrunch added 🏷️ bot A label used by `supersetbot` to keep track of which PR where auto-tagged with release labels 🚢 2.1.0 and removed 🚢 2.1.3 labels Mar 13, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🏷️ bot A label used by `supersetbot` to keep track of which PR where auto-tagged with release labels size/S 🚢 2.1.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Total on Table Chart gets cut off on the Dashboard if the Chart is re-sized
5 participants