Opened 9 years ago

Closed 8 years ago

#321 closed defect (fixed)

FullScreen : select elements show through in IE6

Reported by: anonymous Owned by: gogo
Priority: normal Milestone:
Component: Plugin_Fullscreen Version: trunk
Severity: major Keywords:
Cc:

Description

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

Attachments (2)

capture1.JPG (71.2 KB) - added by anonymous 9 years ago.
capture2.JPG (59.4 KB) - added by anonymous 9 years ago.

Download all attachments as: .zip

Change History (5)

Changed 9 years ago by anonymous

Changed 9 years ago by anonymous

comment:1 Changed 9 years ago by 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:

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

comment:2 Changed 8 years ago by ray

  • Summary changed from FullScreen : pb with html element to FullScreen : select elements show through in IE6

comment:3 Changed 8 years ago by ray

  • Resolution set to fixed
  • Status changed from new to closed

rev [738]

Note: See TracTickets for help on using tickets.