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

Question

我正在使用Highstock，通过<svg>元素将其插入某些<foreignObject>，如下所示：

http://jsfiddle.net/3svXN/

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

修改

虽然上述案例适用于Firefox12，但以下使用viewBox属性进行缩放效果的情况不会：

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

如果SVG <foreignObject>受到viewBox属性的影响，如何让Highstocks滚动条工作？

Answer 1

原始测试用例适用于Firefox trunk。这意味着一旦Firefox 13于2012年6月5日问世，它应该可以运行。我还没有检查过Firefox 11或者12，看它是否比版本13更早修复，所以你可能会更早幸运。

Answer 2

我认为您使用的jQuery版本存在问题。我切换到1.7.1并且它适用于firefox和chrome（无法在IE上测试）

小提琴http://jsfiddle.net/3svXN/3/

编辑 - 实际上这很奇怪：只有当你用firefox打开它并按“运行”或你选择一个不同的时间帧时，我的小提琴才能正常使用1.7.1。你应该在本地试试。用jQuery边缘（但是我认为那些是夜间构建的）它永远不会起作用