From 22abc2fb31758a0582af1436ed82f2be77f5ec77 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Tue, 31 Oct 2023 22:25:08 +0800
Subject: [PATCH] Need @supports check before doing scroll-driven animation

---
 src/components/account-info.css | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/account-info.css b/src/components/account-info.css
index 1c48b628..e979302a 100644
--- a/src/components/account-info.css
+++ b/src/components/account-info.css
@@ -465,9 +465,11 @@
     margin-top: calc(-1 * var(--banner-overlap));
   }
 
-  .header-banner:not(.header-is-avatar):not(:hover):not(:active) {
-    animation: bye-banner 1s linear both;
-    animation-timeline: scroll();
+  @supports (animation-timeline: scroll()) {
+    .header-banner:not(.header-is-avatar):not(:hover):not(:active) {
+      animation: bye-banner 1s linear both;
+      animation-timeline: scroll();
+    }
   }
 
   main {