fix(core): fix viewtransition and css property missing (#7377)

toeverything · Jun 28, 2024 · 824be0d · 824be0d
1 parent fbf6760
commit 824be0d
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 5 deletions.
diff --git a/packages/frontend/core/src/components/pure/ai-island/index.tsx b/packages/frontend/core/src/components/pure/ai-island/index.tsx
@@ -13,7 +13,11 @@ import {
   borderAngle3,
 } from './styles.css';
 
-if (typeof window !== 'undefined' && window.CSS) {
+if (
+  typeof window !== 'undefined' &&
+  window.CSS &&
+  window.CSS.registerProperty
+) {
   const getName = (nameWithVar: string) => nameWithVar.slice(4, -1);
   const registerAngle = (varName: string, initialValue: number) => {
     window.CSS.registerProperty({

diff --git a/packages/frontend/core/src/modules/peek-view/view/modal-container.tsx b/packages/frontend/core/src/modules/peek-view/view/modal-container.tsx
@@ -103,11 +103,15 @@ export const PeekViewModalContainer = forwardRef<
 ) {
   const [vtOpen, setVtOpen] = useState(open);
   useEffect(() => {
-    document.startViewTransition(() => {
-      flushSync(() => {
-        setVtOpen(open);
+    if (document.startViewTransition) {
+      document.startViewTransition(() => {
+        flushSync(() => {
+          setVtOpen(open);
+        });
       });
-    });
+    } else {
+      setVtOpen(open);
+    }
   }, [open]);
 
   useEffect(() => {