- Load attached testcase.
You should see three diamonds (three 45-degree-rotated rects)
The lowest rect (teal) is not rotated at all. It just looks like a square.
Chrome 74, Safari 12, and Edge 18 all give EXPECTED RESULTS.
Firefox Nightly 67 gives ACTUAL RESULTS.
The problematic rect is rendered via
marker and is rotated using the
transform CSS property. The other two rects are exercising each of these features on their own, and they work correctly in isolation. (The top rect is just a normal rect -- no marker -- and is rotated using the transform CSS property. And the middle rect is inside of a marker and is rotated using the transform attribute which works correctly. Only the 3rd one, the marker with the transform property, has trouble.)