Created attachment 240158 [details] SVG Stack I have noticed that SVG stacks do not work correctly when loaded from a server. When loaded from the local file system, they work fine. This is related to bug 129387 and the master bug 91791.
Created attachment 240159 [details] Test File
Created attachment 240160 [details] Correct behavior (loaded from file system)
Created attachment 240161 [details] Incorrect behavior (loaded from server)
I see this too, it seems the scrollIntoView call isn't quite setting the right metrics.
Actually, if I change the test.html file to set "height: 100px", I get the expected behaviour both when viewed locally or through an HTTP server. Also, on OS X Yosemite 10.10 (14A389) running stock Safari 8.0 (10600.1.25), the SVG stacks doesn't render at all until I select content in the page and then it draws, as expected. There might be an issue here that's not specific to handling of SVG fragment identifiers.
Created attachment 240330 [details] Explicitly setting height When I set the height explicitly (in the inspector), I get distinct shapes, but they are the wrong ones. #orange-square shows a blue circle and #blue-circle shows an orange square. Is this what you are seeing?
I think this may be related to bug 137328.
I am unable to reproduce this bug in Safari 15.6 on macOS 12.5 using "Test File" attached test case and SVG load properly where it meant and does not have any "Incorrect behavior" even when I am loading this test case form Internet / sever, it also matches with other browsers. As for SVG Stack, all browsers render it as "empty" / "blank" similar to Safari 15.6 on macOS. I think something along the lines fixed this bug, hence, I am going to mark this as "RESOLVED CONFIGURATION CHANGED". Thanks!