I've got a symbol that contains a square that 'opens' and 'closes' onclick as a door might using CSS transforms. Inside of edge it looks and preforms as it should, but when i preview it using command+return, or load the generated .html file into a browser, the square door is...elongated and definitely not a square (the dark grey one).
when you click on the grey square to open the door, it jumps to how it should look, and proceeds to opens fine. when you click again to close the door, it closes and looks as it should, and will open/close just fine. it's only on the initial load that the grey shape is skewed. any ideas why this might be?
there are no actions on the stage timeline, and the only actions within the door's symbol start at the 0 mark, and are set to not autoplay. what's making this extra frustrating is that it plays and looks perfectly fine within edge, it's only outside edge that it misbehaves.
This is how it should look, and how it looks inside of edge.

