feat(useColorMode): disableTransition support pseudo-elements (#3129)

vueuse · Jun 6, 2023 · 78a3a62 · 78a3a62
1 parent f01db9d
commit 78a3a62
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/packages/core/useColorMode/index.ts b/packages/core/useColorMode/index.ts
@@ -156,7 +156,8 @@ export function useColorMode<T extends string = BasicColorMode>(
       let style: HTMLStyleElement | undefined
       if (disableTransition) {
         style = window!.document.createElement('style')
-        style.appendChild(document.createTextNode('*{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}'))
+        const styleString = '*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}'
+        style.appendChild(document.createTextNode(styleString))
         window!.document.head.appendChild(style)
       }