Open Radar

 
Summary:
The attached xhtml file, when included in an EPUB book, causes iBooks to badly misformat certain lines of text.

I've determined that the problem only occurs when there are multiple <tspan> tags within a single <text> tag that uses a matrix transform.  The content is legal SVG, and renders correctly in Safari/WebKit/Chrome, so this is purely an iBooks bug.

I've worked around it in my toolchain by hacking up the SVG, adding extra <text> tags for each <tspan> tag, but that's really a kludge, and iBooks really should handle this edge case correctly.

Steps to Reproduce:
1.  Open the test.epub book.
2.  Look at the title page.
3.  Notice the corruption.
4.  Open the test2.epub book.
5.  Notice that it works fine.
6.  Notice that the only change was duplicating the <text> tag so that each <tspan> tag is in a separate <text> tag.

In iBooks on iOS, the problem may only occur after you rotate to landscape orientation.  In iBooks on OS X, the problem occurs immediately, because it does a 2-Up spread by default.


Expected Results:
I expected valid SVG to be rendered correctly.

Actual Results:
The second <tspan> element inside a given <text> element is partially rendered atop the first <tspan> element's contents.


Version:
1.0.1 on OS X
And whatever the latest version is on iOS 7.


Notes:

Configuration:
Occurs on all hardware, all operating systems (iOS and OS X).