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 custom dataframe scrollbars in Chrome #8034

Merged
merged 2 commits into from Jan 29, 2024

Conversation

LukasMasuch
Copy link
Collaborator

Describe your changes

The latest Chrome update messed up our dataframe scrollbars once again. Apparently, applying the scrollbarWidth: "thin" we applied in CSS properties will now cause our custom scrollbars to not be used:

image

This PR fixes this by only applying the CSS property for browsers that don't use our customized scrollbars (e.g. Firefox).


Contribution License Agreement

By submitting this pull request you agree that all contributions to this project are made under the Apache 2.0 license.

Copy link
Collaborator

@raethlein raethlein left a comment

Choose a reason for hiding this comment

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

LGTM, thanks for fixing! A small nit: I think it would be beneficial to slightly extend the comment at for StyledResizableContainer here, explaining a little what is done there. For example, as far as I understand the last part ...(!hasCustomizedScrollbars && { scrollbarWidth: "thin" }) is only required for Firefox.

@LukasMasuch LukasMasuch merged commit e82ce52 into develop Jan 29, 2024
38 checks passed
kmcgrady pushed a commit that referenced this pull request Feb 1, 2024
* Fix custom dataframe scrollbars in Chrome and Safari

* Add comment
kmcgrady added a commit that referenced this pull request Feb 1, 2024
* Up version to 1.31.0

* Fix custom dataframe scrollbars in Chrome (#8034)

* Fix custom dataframe scrollbars in Chrome and Safari

* Add comment

---------

Co-authored-by: Lukas Masuch <Lukas.Masuch@gmail.com>
zyxue pushed a commit to zyxue/streamlit that referenced this pull request Apr 16, 2024
* Fix custom dataframe scrollbars in Chrome and Safari

* Add comment
zyxue pushed a commit to zyxue/streamlit that referenced this pull request Apr 16, 2024
* Up version to 1.31.0

* Fix custom dataframe scrollbars in Chrome (streamlit#8034)

* Fix custom dataframe scrollbars in Chrome and Safari

* Add comment

---------

Co-authored-by: Lukas Masuch <Lukas.Masuch@gmail.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants