SVG上的下拉菜单不适用于viewBox属性

Question

我想在SVG中使用foreignObject设置一个下拉菜单。但是当我设置viewBox SVG属性时它不会起作用。我一直在尝试使用Firefox 17.0.1。 我重新将问题重现为以下简单代码中的错误。任何人都知道如何解决它？

当您点击下拉菜单时，列表不会出现在下方，它会显示在不同的位置，您无法点击它。

    <svg version="1.1" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="svgScimul" preserveAspectRatio="xMidYMid meet" viewBox="0 0 1200 600" width="100%" height="100%">
    <g>
    <foreignObject class="node" x="100" y="40" width="200" height="200">
          <select>
            <option value="1">Test1</option>
            <option value="2">Aga</option>
            <option value="2">BBB</option>
            <option value="4">AAA</option>
          </select>
    </foreignObject>
    </g>
    </svg>