From 1881e6567626ed1e8bf752624561d09e13987f15 Mon Sep 17 00:00:00 2001
From: Mendel Gordon <mendelgordons@gmail.com>
Date: Thu, 23 May 2024 21:46:38 -0400
Subject: [PATCH] Update README.md with helpful note

I couldn't figure out why the polyfill wasn't working for me until I checked the actual code of the polyfill and saw that it doesn't work with css from other origins, so I think adding a note explaining this in the readme is pretty important.
---
 README.md | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/README.md b/README.md
index a10b1cba..cd3c5db1 100644
--- a/README.md
+++ b/README.md
@@ -39,6 +39,10 @@ Also works with CSS Animations that use a `view-timeline` or `scroll-timeline`
 }
 ```
 
+Please ensure your CSS is hosted on the same domain as your website or included directly on the page within a <style> tag.
+
+If you are loading stylesheets from other origins, the polyfill might not be able to fetch and apply them correctly, due to browser security restrictions.
+
 For more details on and use-cases of scroll-driven animations, please refer to [https://developer.chrome.com/articles/scroll-driven-animations/](https://developer.chrome.com/articles/scroll-driven-animations/) and [https://scroll-driven-animations.style/](https://scroll-driven-animations.style/)
 
 # Contributing