CodePlex Home
Register | Sign In | CodePlex Home
21 votes
closed
Bug in CollapsiblePanelExtender - Flashing in IE6

Description

 
This has been an error I had hoped was fixed in the latest release, but it still remains. It only happens in IE6, which I now see that MSDN has IE6 VPCs, so I am hoping the toolkit team can reproduce this bug. I have attached the code below. Please note there is no codebehind. The bug is the "flashing" or repainting that IE6 does when the page loads. Simply put this in an ASPX page and run in IE6. You can refresh the page again to see it happen. All of the drop downs will repaint and the headers will adjust slightly. It does not do this in IE7.

File Attachments


Closed May 12 at 7:50 PM  by obout
Issue resolved in latest checked-in source code.

Comments

most recent at top (show oldest at top)
honusbam wrote Oct 30 2008 at 12:37 AM
I thought I would add what I did to resolve this issue. Initially, I tried everything in this post, including modifying the source toolkit itself. NOTHING WORKED! I tried setting display:none, adding javascript to CollapsiblePanelBehavior.js, and even deleting the entire contents of my panel.

Finally, I decided to go to the bathroom, and when I came back, I knew how to fix this. If one of your classes that the panel (the target of your CPE) has margin settings, this will also cause the flashing.

Here is my class, before going to the bathroom:
.collapse-panel {
overflow:hidden;
height: 0px;
margin-left: 20px;
margin-top:5px;
margin-bottom:20px;
}

here is my class after my inspiration:
.collapse-panel {
overflow:hidden;
height: 0px;
margin-left: 20px;
}

Voila! It works for me! I hope you can figure out your problems through this and other comments in this thread.

wrote May 20 2008 at 10:25 PM
Scott - are you still seeing the issue? Does the css suggested by supercordobes do the trick?

supercordobes wrote Apr 9 2008 at 8:41 PM
CollapsePanel {
background-color:#FFFFFF;
overflow:hidden;
}

+

Height="0px"

=

Works fine!!!!
(with IE6 and AjaxControlToolkit Release 1.0.20229.0)

Thanks very much!!

scottbaldwin wrote Apr 3 2008 at 11:59 PM
I have been able to reproduce this bug (or at least something that looks like it) in the attached project. It occurs in IE6 only, and the suggested work arounds don't work.

This is a critical issue for us at the moment.

Cheers.

adamcasey wrote Jan 16 2008 at 9:32 PM
is there fix for this flashing, it occurs in IE7 too, i will not stop until i got it working, really need it

soennichsen wrote Nov 15 2007 at 9:30 AM
Just adding overflow:hidden; is not enough! After adding Height="0px" to the target panel the flashing is gone is my scenario!

tutus wrote Oct 17 2007 at 3:26 PM
Hi guys,
just add: overflow:hidden; in your CollapsePanel style of your panel that s specified in your TargetControlID property of the CollapsiblePanelExtender.

something like this in css style file:

CollapsePanel {
background-color:#FFFFFF;
overflow:hidden;
}

and in aspx page: we refer to that style element in the panel that gets collapsed and extended.

<asp:Panel ID="RecherchePanelContent" runat="server" Height="0px" CssClass="CollapsePanel">
......
.....
...your controls
</asp:Panel>

Take care

ajaxdotnetnewbie wrote Oct 5 2007 at 4:33 PM
I am experiencing this issue in both IE6 and IE7. Is there a workaround that does not involve actually having to modify the toolkit?

wrote Jul 6 2007 at 1:55 AM
Do you set display to none? The flashing should not occur if that is set on the hidden panels. Please see the sample website demo pages for examples.

BobBreton wrote Jun 27 2007 at 4:52 PM
I am experiencing this in IE6, the Panel flash's and then nothing is displayed. Is there a known estimated time of fix, or is this just a known issue?

Ynfynyty wrote Apr 26 2007 at 4:59 PM
I get the flashing content both on page refresh and page load in FF2 and IE6, using the latest version of the ToolKit. I have multiple panels on the page, as well as multiple nested panels, and when the page loads, the entire panel set flashes for a moment.

Is there a fix for this?

jlewicki wrote Mar 13 2007 at 1:36 PM
I was seeing flashing in IE7 and Firefox 2 on Vista. My workaround was to set display:none on the panel being collapsed, as well as inserting this bit of javascript into the initialize() function (immediately below the line var element = this.get_element(); ):

if ( element.style != null && element.style.display == 'none' )
{
element.style.display = 'block';
}

pacoferre wrote Feb 7 2007 at 3:55 PM
Sorry, sorry, sorry

The fix is for other kind of flashing, when AutoCollapse="true" and AutoExpand="true".

Best regards,

Paco Ferre
pacoferre@gmail.com

pacoferre wrote Feb 7 2007 at 3:49 PM
Hello, i'am happy to help a little :)

There is a tiny error in file CollapsiblePanelBehavior.js
You could change 'mouseover' and 'mouseout' with 'mouseenter' and 'mouseleave'.

This fix the flashing.

The lines are:
$addHandler(element, 'mouseover', this._mouseEnterHandler);
...
$addHandler(element, 'mouseout', this._mouseLeaveHandler);
...
$removeHandler(element, 'mouseover', this._mouseEnterHandler);
...
$removeHandler(element, 'mouseout', this._mouseLeaveHandler);


Best regards,

Paco Ferre
pacoferre@gmail.com

wrote Dec 12 2006 at 10:56 PM
Assigning to Ted for IE6 investigation. Having looked at this briefly, it seems the sample page can be reduced to just one CollapsiblePanel. My theory is that the flash occurs during the cloneNode/appendChild operations and I worry that it may be unavoidable for IE6.

kirtid wrote Dec 11 2006 at 10:39 PM
David will confirm that the targetcontrol has the right initial properties set.

Updating...
© 2006-2009 Microsoft | About CodePlex | Privacy Statement | Terms of Use | Code of Conduct | Advertise With Us | Version 2009.10.27.15987