Bug 137900

Summary:

SVG stacks do not work correctly when loaded over the network

Product:

WebKit

Reporter:

Bear Travis <betravis>

Component:

Images

Assignee:

Nobody <webkit-unassigned>

Status:

RESOLVED CONFIGURATION CHANGED

Severity:

Normal

CC:

ahmad.saleem792, ap, bfulgham, graouts, rniwa, zimmermann

Priority:

Version:

528+ (Nightly build)

Hardware:

Unspecified

OS:

Unspecified

Attachments:

Description	Flags
SVG Stack	none
Test File	none
Correct behavior (loaded from file system)	none
Incorrect behavior (loaded from server)	none
Explicitly setting height	none

Description Bear Travis 2014-10-20 17:21:43 PDT

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.

Comment 1 Bear Travis 2014-10-20 17:24:07 PDT

Created attachment 240159 [details]
Test File

Comment 2 Bear Travis 2014-10-20 17:26:25 PDT

Created attachment 240160 [details]
Correct behavior (loaded from file system)

Comment 3 Bear Travis 2014-10-20 17:26:45 PDT

Created attachment 240161 [details]
Incorrect behavior (loaded from server)

Comment 4 Antoine Quint 2014-10-22 05:30:32 PDT

I see this too, it seems the scrollIntoView call isn't quite setting the right metrics.

Comment 5 Antoine Quint 2014-10-22 06:07:54 PDT

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.

Comment 6 Bear Travis 2014-10-22 22:51:19 PDT

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?

Comment 7 Bear Travis 2014-10-23 11:58:29 PDT

I think this may be related to bug 137328.

Comment 8 Ahmad Saleem 2022-08-03 15:27:56 PDT

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!