User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:104.0) Gecko/20100101 Firefox/104.0
Steps to reproduce:
- Create a 100x100px SVG with a
<circle> element with
cy="25" properties to place it.
- Create a CSS rule to change the value of
75 when the SVG is hovered, as a unitless value like initially declared in the element
- Hover the SVG to trigger the property change.
DEMO: https://codepen.io/chriskirknielsen/pen/rNdgJOB (left is unitless, right is with pixels)
The computed value for the geometric property set in CSS is seemingly
0, moving the circle to that position.
The circle should move to the position defined in the CSS rule.
Platform: macOS 12.4
Chrome 104: OK
Safari 15.5: OK