html - SVG のドロップダウン メニューが viewBox 属性で機能しない

Question

ForeignObject を使用して、SVG 内にドロップダウン メニューを設定したいと思います。しかし、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>