Modifying paper-listbox scrollbar

[madiganz]

Is it possible to modify the vertical scrollbar in a paper-listbox?

I currently see no mixin for this, and I have tried

#dropdown::-webkit-scrollbar-track {
    @apply --scrollbar-style;
}

#dropdown .dropdown-content::-webkit-scrollbar-track {
    @apply --scrollbar-style;
}

.dropdown-content::-webkit-scrollbar-track {
    @apply --scrollbar-style;
}

where --scrollbar-style is a custom style. Nothing seems to work.

[sebagr]

Any update on this one?

[msi-matthew]

If you add overflow-y: auto to the host property in paper-listbox the webkit selectors will work.

e.g.

:host {
        display: block;
        padding: 8px 0;

        background: var(--paper-listbox-background-color, var(--primary-background-color));
        color: var(--paper-listbox-color, var(--primary-text-color));

        @apply --paper-listbox;
        overflow-y: auto;
      }