Question

我们目前正在Salesforce中开发一个画布应用程序，该应用程序在Salesforce自身中显示为iframe-在过去的几个月中，在测试过程中，用户体验了下拉列表选项呈现为黑色正方形的情况。单击以关闭列表，然后单击以第二次展开时，则显示正确。

我在下面的JSFiddle中复制了一个类似的问题，该JSFiddle在单击select元素时隐藏了一个元素： http://jsfiddle.net/dJDHd/2825/

$('#sites').click(function() {
  $('.form-group').addClass('has-error');
  $('#alert').hide();
});

如您所见，下拉列表呈现不同步，黑色空间取决于您的滚动位置（如果没有自举样式，则下拉列表位于页面的其他位置）。

我试图通过隐藏和显示元素，甚至在选择之前插入空白元素来迫使Chrome重新评估DOM，但这会导致列表折叠。

有人知道我该如何解决吗？我试图使用Javascript触发下拉列表再次打开，但是由于没有设置下拉列表的高度，这似乎是不可能的。