SVG text does not appear in a scrolling <div>

• Component: SVG
• Status: RESOLVED FIXED

[Andreas Känner]

If a SVG area is enclosed by a div and if this div shows only a part of the SVG area (you need to scroll around to see hidden parts), then the hidden parts will not become visible if you scroll around. This concerns text elements. See the URL for an example.

[Eric Seidel (no email)]

That's really cool! :)

[Rob Buis]

Created attachment 14172 [details]
First attempt

This patch should do it. I don't see a way for creating a layout test, maybe best to use the original testcase as a manual test?
Cheers,

Rob.

[Nikolas Zimmermann]

Nice patch, almost r+!
 
> This patch should do it. I don't see a way for creating a layout test, maybe
> best to use the original testcase as a manual test?
I think it's possible to create a testcase for that though. You could insert
an anchor as last element, and scroll to that element, no?
(window.location = '#someAnchor')

Greetings,
Niko

[Darin Adler]

Comment on attachment 14172 [details]
First attempt

r=me

[Rob Buis]

Created attachment 14177 [details]
Now with testcase

I know the previous patch got okayed, but I think we should consider this one which has the testcase converted to a layout test. Thnx to WildFox for the comment, I simply didnt see the way to do a layout test at the time.
Cheers,

Rob.

[Darin Adler]

Comment on attachment 14177 [details]
Now with testcase

Great! Even better.

[Rob Buis]

Landed in r21087.