Skip to content

Fixing width issue and scrollbar issue on suggestions on mac#2075

Merged
berhalak merged 2 commits intomainfrom
jareks/better-scrollbars-on-suggestions
Jan 29, 2026
Merged

Fixing width issue and scrollbar issue on suggestions on mac#2075
berhalak merged 2 commits intomainfrom
jareks/better-scrollbars-on-suggestions

Conversation

@berhalak
Copy link
Contributor

@berhalak berhalak commented Jan 28, 2026

Context

Virtual tables weren't rendered properly on mac where the scrollbars have different sizes.

Proposed solution

  • Adding a static space of 13px for scrollbars on all platforms. This was tested on Chrome/FF Linux/Windows/Mac and looks reasonable well
  • Fixing border issue (not related to the scrollbar). Border was cat halfway on wider tables.

Has this been tested?

Manual tests only

Screenshots / Screencasts

image

@berhalak berhalak added the preview Launch preview deployment of this PR label Jan 28, 2026
@berhalak berhalak changed the title Jareks/better scrollbars on suggestions Fixing width issue and scrollbar issue on suggestions on mac Jan 28, 2026
@berhalak berhalak force-pushed the jareks/better-scrollbars-on-suggestions branch from b9d80d2 to ce0badf Compare January 28, 2026 15:17
@berhalak berhalak marked this pull request as ready for review January 28, 2026 15:18
@berhalak
Copy link
Contributor Author

berhalak commented Jan 28, 2026

Preview from cloned PR, as this branch name is too long to create the preview.

https://grist-gristlabs-grist-core-jareks-suggestion-css.fly.dev/

function scrollBar(): { width: number; height: number } {
// Currently this feature is limited to suggestions only in virtual tables, that are showing
// inline grids. For this sake we can assume that scrollbars are always visible and have
// standard width/height across all browsers.
Copy link
Member

Choose a reason for hiding this comment

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

How does this reconcile with the comment "Scrollbars have different widths on different platforms"?

Do you mean that although there could be differences, the numbers here work ok for the browsers you tested and for the particular use made of this feature?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Yes, exactly. I tested on those 6 platforms and this gives enough space on all of them.

Copy link
Member

@paulfitz paulfitz left a comment

Choose a reason for hiding this comment

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

Thanks @berhalak. This works. Hopefully we'll be able to make this and the whole page more appealing later.

@berhalak berhalak merged commit 6c06eb3 into main Jan 29, 2026
31 of 32 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

preview Launch preview deployment of this PR

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants