368246 - Text in SVG being Cutoff when centering an inline SVG element in HTML

Status: RESOLVED WORKSFORME

(Firefox :: General, defect)

Description

[Brian Folts]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1

When I create certain SVG text elements some of the text gets cutoff. It only happens when the SVG element is nested inside a CENTER element. It also only happens if it is inline SVG inside an HTML element. The example URL should show this pretty clearly, you will notice that it seems like the bottom 1/4 of the text has just been cutoff.

Reproducible: Always

Steps to Reproduce:
1. Create an inline SVG Example with an SVG element, with these added attributes. viewBox='0 0 210 297' width='900' height='1200'
2. Center the SVG using <CENTER> tags.
3. Put a text element inside this SVG as follows <text style='font-size:2.82px;' x="15.30" y="52.09">Number:</text>

Actual Results:  
It produced my text as I expected but the bottom part of the text seemed to be cut off and not 100% rendered.

Expected Results:  
Usually all the other text gets posted fine but I notice some of this text gets cut off now and then, I expected the text to show up normally i.e. 100% rendered.

I was not using any themes, just the normal install of Mozilla. I don't have any special configuration either.

Comment 1

[Ria Klaassen (not reading all bugmail)]

This was fixed on trunk somewhere in April of this year.
The fix will be included in Firefox 3.0. Nightly builds:
http://ftp.mozilla.org/pub/mozilla.org/firefox/nightly/latest-trunk/