internet explorer 6 - IE6: select inside jQuery tabs does not render dropdown list -


I have a form inside the jQuery tab; I make tabs in a simple way:

  $ ("# tab"). Tab ({selected: 1});  

Selected index 1 is the tab where the form is placed. The problem is that with a IE 6 dropdown arrow click on a remote computer, a small blank row is displayed instead of the list with the option:

In the Options Page Source And everything actually works on other machines, in other browsers and in IE6 (though I use ittestar).

Everything works even if I

  • remove tab creation .tabs () - Options appear and work; Or
  • Select the first tab without the form (tab 0), and then click on it - options appear and only when clicked
    • do the work; Programmatic after creating tabs Tabs ("Select", 1)

Does anyone know what might be causing this? Is this something with IE6 bugs or my scripts?

Update: Hm, thanks, I found that this is something with my CSS - if I disable this Site.css works, I still had to figure out the script to find out still What is that

Update: OK, this was due to this CSS rule:

  body {font-size: 0.7em; }  

This works if I set it to 0.8 or greater, but bugs pointing to 0.7 and less IE6.

Can anyone explain this? Yes it is weird by IE6 - definition, but this one is very strange in my opinion.

I have also participated in this exact problem, although I can change the size of any body by changing it I could not fix it, I managed to get around it (slightly modified) using the "ugly hack" method, posted by CiscoPhone:

  // Tabs in ugly IE6 Hack to switch, selection menu bug fixing. If ($ .browser.mms & amp; $ .browser.version.substr (0, 1) & lt; = 6) {$ ("# tab"). Tab ({selected: 1}); SetTimeout (function () {$ ("# tab"). Tab ("Select", 0);}, 10); }  

It seems that timeout is the key to avoiding this bug.


Comments

Popular posts from this blog

sql - dynamically varied number of conditions in the 'where' statement using LINQ -

asp.net mvc - Dynamically Generated Ajax.BeginForm -

Debug on symbian -