From ad5d85d27dea2ee8d9850a648342b4fe25bb00d1 Mon Sep 17 00:00:00 2001 From: xiaochao Date: Thu, 2 Jun 2022 21:10:48 +0800 Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20compatible=20with=20lower=20vers?= =?UTF-8?q?ion=20chrome=20that=20does't=20support=20css=20rule=20condition?= =?UTF-8?q?Text?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: Kuitos --- src/sandbox/patchers/css.ts | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/sandbox/patchers/css.ts b/src/sandbox/patchers/css.ts index 3423149..510384f 100644 --- a/src/sandbox/patchers/css.ts +++ b/src/sandbox/patchers/css.ts @@ -170,14 +170,14 @@ export class ScopedCSS { // @media screen and (max-width: 300px) {} private ruleMedia(rule: CSSMediaRule, prefix: string) { const css = this.rewrite(arrayify(rule.cssRules), prefix); - return `@media ${rule.conditionText} {${css}}`; + return `@media ${rule.conditionText || rule.media.mediaText} {${css}}`; } // handle case: // @supports (display: grid) {} private ruleSupport(rule: CSSSupportsRule, prefix: string) { const css = this.rewrite(arrayify(rule.cssRules), prefix); - return `@supports ${rule.conditionText} {${css}}`; + return `@supports ${rule.conditionText || rule.cssText.split('{')[0]} {${css}}`; } }