Skip to content

Commit b01ba88

Browse files
authored
fix(scrollbar): firefox scrollbar width (#DS-3582) (#685)
1 parent 45d08a1 commit b01ba88

File tree

1 file changed

+4
-4
lines changed

1 file changed

+4
-4
lines changed

packages/components/core/styles/theming/_scrollbar-theme.scss

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -6,9 +6,9 @@
66
@use './scrollbar-tokens';
77

88
@mixin kbq-scrollbar() {
9-
//firefox
9+
// For Firefox compatibility
1010
@supports not selector(::-webkit-scrollbar) {
11-
scrollbar-width: thin;
11+
scrollbar-width: auto;
1212
}
1313

1414
// webkit
@@ -53,7 +53,7 @@
5353
.kbq-scrollbar {
5454
@include kbq-scrollbar();
5555

56-
// firefox
56+
// For Firefox compatibility
5757
@supports not selector(::-webkit-scrollbar) {
5858
scrollbar-color: var(--kbq-scrollbar-thumb-default-background) transparent;
5959
}
@@ -68,7 +68,7 @@
6868
&::-webkit-scrollbar-thumb,
6969
::-webkit-scrollbar-thumb {
7070
border-color: transparent;
71-
71+
// https://stackoverflow.com/a/16829330/6386666
7272
background-clip: content-box;
7373
background-color: var(--kbq-scrollbar-thumb-default-background);
7474

0 commit comments

Comments
 (0)