The filled star is off center in WebKit (Safari) when the page is zoomed in

nebari-dev / jupyterlab-launchpad

BSD 3-Clause "New" or "Revised" License

13 stars 2 forks source link

The filled star is off center in WebKit (Safari) when the page is zoomed in #24

Closed krassowski closed 5 months ago

krassowski commented 5 months ago

Safari is lagging with implementation of transform-origin for svg and apparently the current implementation in webkit does not account for page zoom. This can be worked around be using composite transform where origin is emulated by translations.

No zoom:

Max zoom:

krassowski commented 5 months ago

Upstream bugs:

Incorrect percent transform-origin when browser is zoomed: https://bugs.webkit.org/show_bug.cgi?id=218300
Transform-origin on SVG breaks when zoom in or out: https://bugs.webkit.org/show_bug.cgi?id=194903