While browsing files with "File browser" on IE there is a problem with a pop-up menu. That pop-up menu which appears near clicked item with menu items: 'Open', 'Previw', 'View', 'Download', 'Properties' on file or item 'Show' on folder.

So the problem is that it goes under the folder names (z-index does not work). I can not change position: absolute - it's obligatory.
Well it's difficult to describe the problem so I attach an image which shows it really clearly...

I spent hours on this problem, tried a lot of thigs and tricks with ccs and javascript - non helped!
So maybe someone could tell me solution?

CommentFileSizeAuthor
#2 fileframework_patch.zip4.76 KBbakyt
#1 diff_browsers_view_fixed.png59.41 KBDaugilas
diff_browsers_view.png41.93 KBDaugilas

Comments

Daugilas’s picture

Daugilas commented
Status: Active » Needs work
StatusFileSize
new diff_browsers_view_fixed.png59.41 KB

Well, since nobody replied to this for one day and it's urgent for me I found one interesting solution.
I changed only css for Internet Explorers.

First I have special files in my theme for both IE7 and IE6; they are loaded in header like this:

<!--[if lte IE 6]><link rel="stylesheet" type="text/css" href='<?php print $base_path.$directory ?>/css/ie6.css'><![endif]-->
<!--[if IE 7]><link rel="stylesheet" type="text/css" href="<?php print $base_path.$directory ?>/css/ie7.css"><![endif]-->

In those files I added few lines:

/*
 *	File Browser pop-up (items: 'Open', 'Previw', 'View', 'Download', 'Properties')
 */
.file.with-menu ul {
  width: 300px; /* depends on your style */
  padding: 0 !important; /* makes height 10px smaller than default */
  margin-top: -8px !important; /* lifts whole <ul> up to not to intersect with lower row (depends on your style) */
}
.file.with-menu ul li {
  float: left; /* Puts items in one line */
}

Code values should be adjusted to all themes separately depending on font style and other style parameters.

And you can the result in an attachment!

bakyt’s picture

bakyt commented
Assigned: Unassigned » bakyt
Status: Needs work » Fixed
StatusFileSize
new fileframework_patch.zip4.76 KB

I've patched the bug by comletly changing the pop-up menu appearance.
For more deitails about the problem pls see the link: http://paper.isotoma.com/examples/_test-position.html

Files has been changed:

  • file.css
  • file.js
  • file.theme.inc

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.

Daugilas’s picture

Daugilas commented
Status: Closed (fixed) » Needs work

Just tested http://paper.isotoma.com/examples/_test-position.html

Works on FireFox, Chrome, Safari, IE8;
Doesn't work on IE7...

Sorry I don't have time to look at the code..

miglius’s picture

miglius commented
Issue tags: +file_browser

It looks that we bumped into a IE relative position and z-index bug http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html

johanneshahn’s picture

johanneshahn commented
Version: 6.x-1.0-alpha5 » 6.x-1.x-dev

move 1 level up

johanneshahn’s picture

johanneshahn commented
Status: Needs work » Closed (won't fix)

Ie7
Closing support