-
-
Notifications
You must be signed in to change notification settings - Fork 15
Description
Describe the bug
Having loaded the polly fill both via vite bundling and http header methods I can't seem to get it to apply to my achor css.
I'm just not sure if this limitation "dynamically added/removed anchors or targets" applies to my case I supose it does as all elements are dynamically added after page load.
Any hints on how to use it in a framework like Vue3 would be great.
To Reproduce
- Add css anchor tags to vue3 components works great in chrome.
- Add polly fill
example css anchor styles I'm using:
style="position-anchor: --skphuurbho; anchor-name: --arrowskphuurbho; top: anchor(bottom); right: anchor(right);"
Where the anchor position names are randomly generated as each component is created.
Expected behavior
- Works on Chrome (no poly fill required)
- Works on Firefox and Safari (polyfill doing its thing)
Browsers tested on
Chrome latest (works great)
Firefox 133 (doesn't work polyfill doesn't seem to do anything)
Additional context
Working in Ubuntu.