Bug 15920 - Safari SVG graphic text and events problems
Summary: Safari SVG graphic text and events problems
Status: RESOLVED FIXED
Alias: None
Product: WebKit
Classification: Unclassified
Component: SVG (show other bugs)
Version: 523.x (Safari 3)
Hardware: PC Windows XP
: P2 Major
Assignee: Nobody
URL:
Keywords: NeedsReduction
Depends on:
Blocks:
 
Reported: 2007-11-09 06:41 PST by Abid
Modified: 2008-04-01 15:29 PDT (History)
0 users

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description Abid 2007-11-09 06:41:01 PST
I have written code in dojo which creates a svg object. The problem is when scrolling down to look at the text it does not show up.

Also there is a problem with connect, as it does not function properly I'm using the safari windows version 3.0.3 (522.15.5). 

I have created this code in dojo:

dojo.require("dojox.gfx");

init = function(){
	var container = dojo.byId("gfx");
	var surface = dojox.gfx.createSurface(container, 500, 500);


        var group1 = surface.createGroup();

        var a = group1.createRect({x:50, y:50, width:20, height:20});
        a.setFill( "gray" );

	var b = group1.createText({x:50, y: 50, text: "123", align: "middle"});
	b.setFont({family: "Verdana", size: 10, weight: "bold"});
	b.setFill("blue");

        var c = surface.createRect({x:400, y:400, width:20, height:20});
        c.setFill( "gray" );


	var d = surface.createText({x:400, y: 400, text: "123", align: "middle"});
	d.setFont({family: "Verdana", size: 10, weight: "bold"});
	d.setFill("blue");

	dojo.connect(a.getNode(), "onmouseover", function(){
          alert("a");
        });

	dojo.connect(b.getNode(), "onmouseover", function(){
          alert("b");
        });

	dojo.connect(c.getNode(), "onmouseover", function(){
          alert("c");
        });

	dojo.connect(d.getNode(), "onmouseover", function(){
          alert("d");
        });
};

dojo.addOnLoad(init);

<html> <head> <title>123</title> <script type="text/javascript" src="dojo/dojo.js"></script> 
// insert above javascript here </head> <body>
<div id="gfx" style="overflow: auto; height:300px; width:100%;"></div>

</body> </html>
Comment 1 Eric Seidel (no email) 2007-11-10 04:17:22 PST
It would be very helpful if you could provide us a standalone page.  Even better is if that standalone page didn't depend on dojo...
Comment 2 Abid 2008-01-12 11:59:53 PST
Sorry, here is a url which shows the problem...
http://www.cs.manchester.ac.uk/undergraduate/programmes/themes/theme.htm


Steps to Reproduce:
1.Go to URL
2.Select a programme e.g. Artificial Intelligence BSc
3.Select Syllabus
4.Mouse over any of the boxes, you will see lines appearing.
5.Scroll down and now mouse over you should see the above problem.
Comment 3 Abid 2008-01-12 12:01:03 PST
oops, the bug is not resolved.
Comment 4 Rob Buis 2008-04-01 12:45:19 PDT
Hi,

(In reply to comment #3)
> oops, the bug is not resolved.

I tried it using trunk and it looks fine to me. Do you feel like trying it again using the latest nightly? Btw that is a nice looking webapp!
Cheers,

Rob.
Comment 5 Abid 2008-04-01 15:29:30 PDT
Thanks rob, I tried safari 3.1 and the bug is now fixed. Good job guys.