From 78a3a622e2debd987aa9207e9e9030b97ad84843 Mon Sep 17 00:00:00 2001 From: Jason Liang <46062895+lainbo@users.noreply.github.com> Date: Wed, 7 Jun 2023 04:33:15 +0800 Subject: [PATCH] feat(useColorMode): disableTransition support pseudo-elements (#3129) --- packages/core/useColorMode/index.ts | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/packages/core/useColorMode/index.ts b/packages/core/useColorMode/index.ts index cbee918da7a..0773a648ce0 100644 --- a/packages/core/useColorMode/index.ts +++ b/packages/core/useColorMode/index.ts @@ -156,7 +156,8 @@ export function useColorMode( 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) }