Do not load polyfill in chrome

webstudio-is · Jan 29, 2025 · 92ad492 · 92ad492
1 parent 530725d
commit 92ad492
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/@types/scroll-timeline.d.ts b/@types/scroll-timeline.d.ts
@@ -7,7 +7,8 @@ interface ScrollTimelineOptions {
 
 declare class ScrollTimeline extends AnimationTimeline {
   constructor(options?: ScrollTimelineOptions);
+}
 
-  readonly source: Element | Document | null;
-  readonly axis: ScrollAxis;
+declare class ViewTimeline extends ScrollTimeline {
+  constructor(options?: ScrollTimelineOptions);
 }
diff --git a/packages/sdk-components-animation/src/shared/scroll-polyfill.tsx b/packages/sdk-components-animation/src/shared/scroll-polyfill.tsx
@@ -2,7 +2,13 @@ import { use } from "react";
 
 let clientPolyfillCache: null | Promise<void> = null;
 
+const fullfilledPromise = Promise.resolve();
+
 const polyfill = () => {
+  if (typeof ViewTimeline !== "undefined") {
+    return fullfilledPromise;
+  }
+
   if (clientPolyfillCache === null) {
     clientPolyfillCache = import(
       // @ts-expect-error no types exists