Tooltip-hover flash reloading Firefox

[Mario]

Hi,

We are using the RadToolTip and RadToolTipManager in our websites.
We've encountered a problem in Firefox when hovering over an element and there's flash on the same page.
The swf keeps reloading every time a tooltip is shown. I've tested it with the latest version of Firefox and Flash 9 and 10 (the latest release). Same problem.

You can see the phenomenon on http://www.siba.se/StartPage/StartPage.aspx (Try hovering over the toplist-items on the right-top-side (Topplistor) or try adding products in the cart and hover over the cart-items in the left cart).

I did search for similar problems but couldn't find anything relevant.

thanks in advance.

Regards
Mario

[Svetlina Anati]

Hi Mario,

I examined the live url and I was able to observe the problem. I built up a sample demo in order to reproduce the problem but unfortunately to no avail - please examine the attachment. You can test the demo with the two swf files - I tested them both under FF3 but they did not restart when the tooltip is shown.

Please, modify the attached demo in order to replicate the issue and when you succeed, open a new support ticket and send us the demo along with detailed explanations and reproduction steps. Once we are able to observe the issue locally we will do our best to help.

Sincerely yours,
Svetlina
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Mario]

Finally resolved it!

Haha, who could have thought that this would be the reason:

form
{
    display: inline;
}

When the setVisible-function is called ($telerik.setVisible(elt,true); in the show-function of the PopupBehavior) and it gets to the line where the property "display" is removed from the style, the flash reloads. I don't know what exactly happens, but some way it must interact with the css-display-property on the form.

setVisible : function(e, value)

{

if (!e) return;

if (value != $telerik.getVisible(e)) {

if (value) {

if (e.style.removeAttribute) {

e.style.removeAttribute("display");

} else {

e.style.removeProperty("display"); // Here's where the "error" occurs and the flash reloads

}

}

else {

e.style.display = 'none';

}

e.style.visibility = value ? 'visible' : 'hidden';

}

}

So I removed the css-display-property from the form and the flash works as it should =)

Thanks Svetlina for your help, your method of troubleshooting gave me some ideas.

Regards Mario