javascript - Highstock 滚动条在 svg foreignObject 中不起作用

Question

我正在使用 Highstock，将其插入一些 <svg>通过 <foreignObject>元素，像这样:

http://jsfiddle.net/3svXN/

但是，在 Firefox 中，滚动条不起作用——它在我的 JsFiddle 示例中也不起作用。如何使 Highstocks 滚动条在 SVG 中工作 <foreignObject> ？

编辑

虽然上述案例适用于 Firefox12，但以下案例使用了 viewBox缩放效果的属性不会:

http://jsfiddle.net/3svXN/9/

如何使 Highstocks 滚动条在 SVG 中工作 <foreignObject>而它受到 viewBox 的影响属性？

Answer 1

原始测试用例适用于 Firefox trunk。这意味着一旦 Firefox 13 于 2012 年 6 月 5 日发布，它就应该可以工作。我没有检查 Firefox 11 或 12 看它是否在版本 13 之前得到修复，所以你可能会更早走运。