Mitchison-earthy-alt1 Skin - Shared Files module "Add File" button z-index Bug

A place for discussion about skinning and design. Before posting questions here you should review the documentation about creating skins.

This thread is closed to new posts. You must sign in to post in the forums.
4/23/2010 7:51:10 AM
Gravatar
Total Posts 4

Mitchison-earthy-alt1 Skin - Shared Files module "Add File" button z-index Bug

We ran into a new display bug introduced within the last couple mojoPortal releases. The navigation menu in our skin started being covered up by the “Add File” button of the “Shared Files” module.

I was able to duplicate it on the mojoPortal demo site with the “Mitchison-earthy-alt1” skin. The good news is that it only appears to be an issue in IE7; or alternatively in IE8 running in “Compatibility Mode”… which leads me to believe its related to the ever elusive “IE z-index bug”:

http://groups.google.com/group/jquery-en/browse_thread/thread/287ddf1df8f82fb7

Its possible this is an issue with the newer version of NeatUpload implemented in version 2.3.4.1... 

To reproduce the issue on the Demo Site: 

  1. Log into the demo site.
  2. Change demo site to the “Mitchison-earthy-alt1” skin (if it isn’t set already)
  3. Create a new page called "Shared File Button Test" under the "Root".
  4. Change the page order/move the "Shared File Button Test" to be between the "Events" and "Map" pages in the navigation.
  5. Add a "Shared File" content instance onto the "Shared File Button Test" page.
  6. Add a couple other pages under the "Shared File Button Test" page  (to give it a sub-menu). I recommend a long page title/names like "Test Cover-up Add File Button Menu #1".
  7. Open the “Shared File Button Test” page 
  8. Mouse-over the “Shared File Button Test” menu item to see the available sub-items (the goal is to "cover up" the "Add File" button on the "Shared File". 
  9. Notice the placement of the “Add File” button showing on top of the sub-menu items in the navigation.

 

Anybody else seeing this issue/have a good solution? I've already eaten up a couple hours trying the various z-index tricks between my style.css, sitemenu.css and IE7Specific.css files. No luck so far...

4/23/2010 8:57:26 AM
Gravatar
Total Posts 18439

Re: Mitchison-earthy-alt1 Skin - Shared Files module "Add File" button z-index Bug

Hi Neil,

I just upgraded to NeatUpload 1.3.24 on my local machine just in case the issue was already fixed, but I see it is still there. I will email Dean Brettle and bring this thread to his attention, and I'm posting an image here to display the issue. This seems to be only in IE7 or IE8 using IE 7 compatibility mode.

screen shot of flash z-index issue in neatupload

4/23/2010 11:20:25 AM
Gravatar
Total Posts 148

Re: Mitchison-earthy-alt1 Skin - Shared Files module "Add File" button z-index Bug

Does adding:

.sf-menu li:hover{
z-index: 100
visibility: inherit
}
 

to the skin help?

If not, is there a way I can edit/add style files on demo.mojoportal.com to try to get it working?

--Dean

4/23/2010 11:50:29 AM
Gravatar
Total Posts 18439

Re: Mitchison-earthy-alt1 Skin - Shared Files module "Add File" button z-index Bug

Dean,

You are the man! That does indeed seem to fix it at least in IE8 using IE7 compatibility mode. I haven't tested IE 7 but expect it probably fixed it there too.

Thanks!

Joe

4/23/2010 11:55:15 AM
Gravatar
Total Posts 148

Re: Mitchison-earthy-alt1 Skin - Shared Files module "Add File" button z-index Bug

Cool!  I found the fix at http://facility9.com/2008/07/17/ie7-dropdowns-and-z-index/ which was mentioned in the Google Groups thread you linked to.

4/24/2010 8:36:19 AM
Gravatar
Total Posts 18439

Re: Mitchison-earthy-alt1 Skin - Shared Files module "Add File" button z-index Bug

Sorry Dean, I should have spent more time trying to fix it myself before contacting you.

Best,

Joe

4/26/2010 12:36:40 PM
Gravatar
Total Posts 148

Re: Mitchison-earthy-alt1 Skin - Shared Files module "Add File" button z-index Bug

No need to apologize.  I wasn't complaining -- just giving credit where due.

4/26/2010 12:39:11 PM
Gravatar
Total Posts 4

Re: Mitchison-earthy-alt1 Skin - Shared Files module "Add File" button z-index Bug

Thanks guys!

I was able to track down the equivalent in our skin/update appropriately.

- Neil

You must sign in to post in the forums. This thread is closed to new posts.