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.

Sign up for GitHub

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

Jump to bottom

Rework scrollbar styling #13176

Open
Jondyr opened this issue Jul 17, 2024 · 0 comments
Open

Rework scrollbar styling #13176

Jondyr opened this issue Jul 17, 2024 · 0 comments
Labels
kind/analysis Used when an issue needs to be analysed before it becomes a user story. status/draft Status: When you create an issue before you have enough info to properly describe the issue. status/ready-for-specification Status: Used for issues that are ready for functional decription og detailed design. UX research

Comments

@Jondyr
Copy link
Member

Jondyr commented Jul 17, 2024 •
edited
Loading

Description

We are currently using old selectors (::-webkit-scrollbar) to style scrollbars. This is a non-standard feature and should not be used in production (ref. mdn docs).

In scope

We should evaluate how to style scrollbars following CSSWG specifications.

Out of scope

No response

Additional Information

Browser support

According to this article, Firefox, Chrome, and Edge are starting to support the official scrollbar standard, while Safari is lagging behind.

Originally posted by @ErlingHauan in #12787 (comment)

caniuse.com browser support list
CSSWG spec

Additional concerns

Also see #12787 for how this affects resizable layout

Analysis

No response

Conclusion

No response
@Jondyr Jondyr added kind/analysis Used when an issue needs to be analysed before it becomes a user story. status/draft Status: When you create an issue before you have enough info to properly describe the issue. status/ready-for-specification Status: Used for issues that are ready for functional decription og detailed design. solution/app-frontend UX research labels Jul 17, 2024
@ErlingHauan ErlingHauan mentioned this issue Jul 19, 2024
Merged
3 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
kind/analysis Used when an issue needs to be analysed before it becomes a user story. status/draft Status: When you create an issue before you have enough info to properly describe the issue. status/ready-for-specification Status: Used for issues that are ready for functional decription og detailed design. UX research
Projects
Team Studio
Status: No status
Milestone
No milestone
Development

No branches or pull requests
2 participants
@Jondyr @nkylstad