FullScreen : select elements show through in IE6

[anonymous]

With IE, there is a pb when i'm in fullscreen mode. The select button which are under my textarea appear on the toolbar.

It not appear with firefox.

In my Css there's no z-index property and in the fullscreen plugin there's the line :

this._htmlArea.style.zIndex = 9999;

So my select button must stay under my textarea.

Look at my screenshot. (it's more comprehensible than my english ;) ).

[jkronika@…]

I have experienced this same problem with regards to dynamic menu systems. There is a workaround using absolutely positioned iFrames listed at BrainJar?.com as listed here:

• BrainJar SELECT fix using iFrames

Another option is to add something like the following to the Fullscreen plugin, where document refers to the document DOM object for the page containing the Xinha textarea:

var selects = document.getElementsByTagName('select');
function hideSelectsOnToFullscreen() {
 for (var i = 0; i < selects.length; i++) {
  selects[i].style.visibility = 'hidden';
 }
}
function showSelectsOnToNormal() {
 for (var i = 0; i < selects.length; i++) {
  selects[i].style.visibility = 'visibility';
 }
}

[ray]

rev [738]