#4734 closed bug (wontfix)

Opened July 31, 2009 09:59AM UTC

Closed October 22, 2010 08:17PM UTC

Last modified July 31, 2012 12:21PM UTC

Select controls are broken on initial tab

Reported by: idlesign Owned by:
Priority: major Milestone: 1.9.0
Component: ui.tabs Version: 1.7.2
Keywords: select Cc:
Blocked by: Blocking:
Description

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.

Attachments (1)
  • ie6selissue.gif (2.5 KB) - added by idlesign July 31, 2009 10:00AM UTC.

    The issue (with default tabs demo)

Change History (7)

Changed August 12, 2009 04:09PM UTC by jzaefferer comment:1

milestone: TBD → 1.8
priority: critical → major

Changed November 17, 2009 07:23PM UTC by nmuerdter comment:2

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);
  }
});

Changed January 15, 2010 08:08AM UTC by idlesign comment:3

Looks like IE6 rendering issue. IE8 proves normal.

Changed March 10, 2010 11:01AM UTC by queen3 comment:4

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.

Changed October 22, 2010 08:17PM UTC by scottgonzalez comment:5

resolution: → wontfix
status: new → closed

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.

Changed July 31, 2012 11:27AM UTC by Duncan.Bradley comment:6

_comment0: I found that the work-arounds above worked on some machines with IE6, but not others. There was no rythme or 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(). → 1343734070079775

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().

Changed July 31, 2012 12:21PM UTC by scottgonzalez comment:7

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