PKP Bugzilla – Bug 8237
JQuery fadeIn / fadeOut IE8 filter problem
Last modified: 2013-12-09 14:23:01 PST
We are moving to Git Issues for bug tracking in future releases. During transition, content will be in both tools. If you'd like to file a new bug, please create an issue.
See http://pkp.sfu.ca/support/forum/viewtopic.php?f=40&t=10055 for details.
That's not related with roundabout, as pointed out in the topic discussion.
It's just a problem with css. We group both side bars inside a div, the sideBarContainer. In IE8, intead of not following the height of it's inner content, this div is pushing the main content to the bottom because it's following the left side bar height (not sure why).
I tried a little with IE8 on windows 7 but I had some problems with the developer tool (changing styles were not resulting in visual changes, freezing, etc). I will use a virtual machine to better test this, downloading now a disc image of xp with IE8 from microsoft's site and will try fix this as soon as it finishes the download.
For some unknown reason, the css filter style that jquery applies to animate the fade in effect (the div container is controlled by the UrlInDivHandler and it uses fade in to show the element after loading is finished) is making the sideBarContainer div to follow it's inner divs height, only in IE8.
I've managed to reproduce the error in a very simple html and css, but couldn't get any solution with css. Even removing the filter style definition after the page is rendered (via js) doesn't fix the problem.
Found some reports for issues very similar to this one:
Maybe we can test the browser version and, if it's IE8, we avoid the fade in effect? Not so sure what to do.
Bruno, try posting your reproduce code on Stackoverflow.com and see if you get anything there. If not, your work-around sounds fine to me; just make sure you reference this bug # in the work-around code.
The solution when it's only html and css is to use filter: inherit, then the container div will not follow it's children height. But using jQuery function to fadeIn is making this solution to not work. As said previously, even removing the filter style after applying the fadeIn effect doesn't work.
Will test if it's IE8 and avoid fadeIn until we have a better solution.
Introduced workround to avoid breaking content structure styling