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

[table] fix: hide frozen quadrant scrollbar when zoomed out #6173

Merged
merged 3 commits into from
May 23, 2023

Conversation

adidahiya
Copy link
Contributor

Fixes #6172

Checklist

  • Includes tests
  • Update documentation

Changes proposed in this pull request:

Update existing CSS which attempts to hide frozen table quadrant scrollbars. We now use media queries to apply different scrollbar width offsets so that this "feature" works on different display pixel densities (this is the easiest way to detect zoom level in CSS).

Reviewers should focus on:

Whether this fixes the bug and causes no regressions in table scrolling in Chrome, Edge, and Firefox.

Screenshot

2023-05-23 11 52 02

@@ -146,11 +146,3 @@ $menu-z-index: $row-z-index + 1 !default;
display: inline-block;
position: absolute;
}

.#{$ns}-table-scrollbar-measure {
Copy link
Contributor Author

Choose a reason for hiding this comment

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

this class was apparently unused. I guess we removed whatever code we had to detect scrollbar width.

@adidahiya
Copy link
Contributor Author

[table] fix: hide frozen quadrant scrollbar when zoomed out

Build artifact links for this commit: documentation | landing | table | demo

This is an automated comment from the deploy-preview CircleCI job.

@adidahiya
Copy link
Contributor Author

fix lint?

Build artifact links for this commit: documentation | landing | table | demo

This is an automated comment from the deploy-preview CircleCI job.

@adidahiya
Copy link
Contributor Author

Removing the -webkit- prefix broke the bugfix in Firefox. Will need to override stylelint for this one:

image

@adidahiya
Copy link
Contributor Author

add back vendor prefix

Build artifact links for this commit: documentation | landing | table | demo

This is an automated comment from the deploy-preview CircleCI job.

@adidahiya adidahiya merged commit c1a428c into develop May 23, 2023
12 checks passed
@adidahiya adidahiya deleted the ad/fix-table-frozen-scrollbar branch May 23, 2023 16:58
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Table frozen column has independent scroll bar when zoomed out
1 participant