这是indexloc提供的服务,不要输入任何密码
Skip to content

[BUG] Vue3 app polyfill does nothing #282

@rodhoward

Description

@rodhoward

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

  1. Add css anchor tags to vue3 components works great in chrome.
  2. 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

  1. Works on Chrome (no poly fill required)
  2. 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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions