427064 - SVG text changes/refreshes not displayed until another event causes the canvas to repaint

Status: VERIFIED DUPLICATE of bug 423998

(Core :: SVG, defect)

Description

[iamghg]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9b5) Gecko/2008032620 Firefox/3.0b5
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9b5) Gecko/2008032620 Firefox/3.0b5

I found these basic cases to be indicative of SVG text not being properly updated:

1.  If you create some text and then later change its opacity or color, the changes are not visible until you mouseover the drawing canvas.  This is not the case for other element types like an ellipse, for example.

2.  Trying to select the text can be quite challenging as mouseover events seem to fire almost randomly when hovering over different letters of the text.  I've even seen instances where no events are seemingly fired.  Granted, all of this is based on whether the pre-select box appears so I'm not sure if this is an event handling issue or another screen redraw issue.

3.  After editing text, some parts of the text completely disappear until you select another element.  This is not always consistent and seems to happen more regularly when you apply your changes and then click OK.  Probably something to do with when the canvas gets updated.  I've also seen this in other examples (like a counter being updated on screen via script) where the text doesn't get updated (despite the changes in the DOM) until something else happens to cause a screen refresh.

4.  When dragging other elements over or under text, the text gets warped, the letters jiggle, and parts of the text sometimes disappear until you stop dragging the other element.

Reproducible: Always

Steps to Reproduce:
Case 1:
1.  Select the text tool
2.  Create some text
3.  Close the text add window by clicking OK
4.  Select a new color or opacity
5.  Mouse upward onto the drawing canvas to see the update take place

Case 2:
1.  Select text tool
2.  Create text with a large font size
3.  Close the text add window by clicking OK
4.  Click on a blank part of the drawing canvas
5.  Mouse over different parts of the text to see the pre-select box appear and disappear

Case 3:
1.  Select text tool
2.  Create text with multiple lines
3.  Click the Apply button
4.  Close the text add window by clicking the OK button
5.  Usually part or all of the text ends up missing until something else happens

Case 4:
1.  Create some text and set the opacity to 50%
2.  Select the rectangle tool and create a rectangle
3.  Click on the arrow/select tool
4.  Drag the rectangle over the text and parts of the text will disappear

Actual Results:  
Text not being properly redrawn/updated in a timely fashion on the SVG canvas

Expected Results:  
Text should be updated more quickly (possibly before script functions exit) along with other elements on screen.  If possible, text updates and redraws should be handled to the same way as other shape primitives.  These problems do not occur in FF2

These bugs occurred while using all default settings and themes for FF3b5.

Comment 2

[Robert Longson [:longsonr]]

The web site referred to in the URL will not work in Firefox 3 because it tries to detect whether SVG is enabled in a way that is not compatible with Firefox 3.

Once the SVG detection code is fixed, the web sit should work properly.

Comment 3

[iamghg]

I'm able to run the application from the website with Firefox 3b5.  Did something change in the newer builds to prevent the detection code from running?

Also, could you send me specifics as to incompatibility so I can make the detection code run on the newer builds of Firefox 3?

Comment 4

[Robert Longson [:longsonr]]

(In reply to comment #3)
> I'm able to run the application from the website with Firefox 3b5.  Did
> something change in the newer builds to prevent the detection code from
> running?

Yes. The detection code runs, it just decides that firefox 3 does not support SVG.

> 
> Also, could you send me specifics as to incompatibility so I can make the
> detection code run on the newer builds of Firefox 3?
> 

	// Does the browser support SVG natively? Gecko claims no support if a plugin is active, but still gives back an NSI inteface
	var claimed = document && document.implementation && document.implementation.hasFeature( "org.w3c.dom.svg", "1.0" );

firefox 3 will not claim to have the org.w3c.dom.svg feature. See bug 322724.

Comment 5

[iamghg]

I've changed the detection code to be more SVG 1.1 feature specific and work with the recent changes in feature reporting in Firefox 3.  SVG Draw should now work with the newer builds.