Select controls are broken on initial tab

[idlesign]

Even though curious I am, why this bug is not listed yet, but nevertheless: select elements are broken on initially selected tab in IE6 - they all unfold just into 1px height line (see image) giving no chance to select an option.
The same with 1.7.1.

[idlesign]

The issue (with default tabs demo)

[nmuerdter]

I'm seeing this same problem of select menus not showing up in IE6 when they're inside tabs. However, I'm actually only seeing this on certain computers, which might explain why this hasn't been more of an issue.

On my own system with IE6 (version 6.0.2900.5512.xpsp_sp3_gdr.090206-1234), I can't replicate this problem at all. However, on two other systems with IE6, this problem happens every time. The only difference I can think of are IE addons installed. The only common addon between the two computers where this problem exists is Adobe's PDF Explorer Bar (I think from Acrobat Professional). I'm not sure if that's the problem, though. Does anyone else have addons installed where this problem exists?

For the time being, I've come up with this ugly hack to switch the tabs on load, to fix this in IE6:

$(document).ready(function() {
  var container = $("#tabs");
  container.tabs();

  // Ugly hack to switch tabs in IE6, fixing select menu bug.
  if($.browser.msie && $.browser.version.substr(0, 1) <= 6) {
    container.tabs("select", 1);
    setTimeout(function() {
      container.tabs("select", 0);
    }, 10);
  }
});

[idlesign]

Looks like IE6 rendering issue. IE8 proves normal.

[queen3]

I had the same issue. See my question here: ​http://stackoverflow.com/questions/2182964/ie6-select-inside-jquery-tabs-does-not-render-dropdown-list. The screenshots look very similar so it's probably the same issue. The bug was caused by

body { font-size: 0.7em; }

in CSS. When I change it to 0.8 or above, the bug is gone.

[Scott González]

This doesn't sound like something we can fix and it affects a very small percentage of users. If someone finds a reliable fix for this, feel free to re-open this with a patch.

[Duncan.Bradley]

I found that the work-arounds above worked on some machines with IE6, but not others. There was no reason to it that I could see.

I fixed this issue by hiding all the select comboboxes initally in the style sheet, and then using $('select').show() to re-enable them after the tab build command $( "#tabs" ).tabs().

[Scott González]

@Duncan.Bradley That sounds like browser plugins or something similar.