Autoprefixer cannot generate prefix for custom scrollbar

I use grunt-postcss to generate css prefix.

Configuration as follows:

processors: [
   require('autoprefixer') {
      browsers: [
        '> 0.04%'
      ]
    }
]

Sass as follows:

@mixin custom-scroll($thumb-bgcolor: $gray-background-color, $track-bgcolor: $white-background-color) {
  &::scrollbar {
    background-color: transparent;
    width: 5px;
    height: 5px;
  }

  &::scrollbar-thumb {
    background: $thumb-bgcolor;
    border-radius: 2px;
    min-height: 6px;
    width: 4px;
  }

  &::scrollbar-track {
    background: $track-bgcolor;
    border-radius: 2px;
  }
}

But, autoprefixer cannot generate prefix for scrollbar-xxx, such as -webkit-scrollbar, -webkit-scrollbar-thumb, -webkit-scrollbar-track. It is a bug or it is my wrong configuration?

[sylvainpolletvillard]

for information, there is ongoing work on this here : https://github.com/pascalduez/postcss-scrollbar

[ai]

@Malvoz my current worries:

1. The current architecture doesn’t fit creating independent rules from properties. We will need to write complex hacks as we did for Grid.
2. Hiding scroll bar doesn’t look like a very popular use case.
3. I got small community feedback for the latest Autoprefixer news, it is not great for motivation. As a result, I am focusing on different fields right now.

Because of these reasons, I do not want to do it on my own. But I will help you make a pull request and will accept and release it.