javascript - Update を入力すると、選択ドロップダウンが正しくレンダリングされない

Question

次のように JSP ページで宣言されたドロップダウン メニューがあります。

<div id = "tagRevisions" name = "tagRevisions" width="100" style="position:absolute; bottom:2px; right:2px;">
<select id="tagRevisionsSelect" name="tagRevisionsSelect" onChange="header.loadTag('<%= strTagID %>', '<%= lastApprovedRequestId %>', this.value);">

       <% 
        // Some code here
       %>
</select>
</div>

最初は空です。次のように、JavaScript とプロトタイプを介して入力します。

rebuildRequestsDropDown : function()
{
    jsonrpc.tagGridUtils.buildRequestsDropDownHTML(function(result, exception)
        {
            if (exception)
            {
                alert("There was an error " + exception.toString());
            }
            else
            {                   
                // Set the innerHTML of the Requests drop-down to the result
                // returned by the function above.
                if (result != null && result.trim() != "")
                {
                    $("tagRevisionsSelect").update(result);
                }
            }
        }.bind(this),

        $("cacheId").value
    );
}

そのため、ドロップダウンが設定されますが、ページ上で正しくレンダリングされません。次のようになります。

ウィンドウを最小化してから最大化するか、ページでタブを押すと、問題なく表示されます。

何故ですか？

ps: HTML 出力は次のとおりです。

Answer 1

選択ボックスのスタイルを定義してみてください。少なくとも幅です。