[unocss] unmatched utility "scrollbar-width-auto" in shortcut "scrollbar" [unocss] unmatched utility "scrollbar-color-[var(--scrollbar-thumb)_var(--scrollbar-track)]" in shortcut "scrollbar"

[bosens-China]

1. 按照文档安装依赖
2. uno.config.ts

import {
  defineConfig,
  presetUno,
  presetIcons,
  transformerDirectives,
} from 'unocss';
import { presetScrollbar } from 'unocss-preset-scrollbar';

export default defineConfig({
  content: {
    filesystem: ['./src/**/*.{html,js,ts,jsx,tsx}'],
  },
  presets: [presetUno(), presetIcons(), presetScrollbar()],
  transformers: [transformerDirectives()],
});

3. global.less

html,
body {
  @apply scrollbar scrollbar-rounded;
}

[murphy-wei]

+1

[drag0n-app]

+10086
这个问题麻烦修复一下，谢谢～

[zyyv]

This is related to the previous configuration; please try toggling the toggle property. I've also optimized the previous rule.

#21

unocss-preset-scrollbar/src/index.ts

Lines 72 to 78 in 072f3f7

	/**
	* if false will use scrollbar-color and scrollbar-width, rounded and scrollbar-w, scrollbar-h and scrollbar-radius will not work
	* if true, won't have any effect in Firefox
	*
	* @default true
	*/
	noCompatible?: boolean