html - 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>