[Solved] IE9 Display Issue

[Rebecca]

Hi,

I'm using the MVC Treeview control as part of a .NET 4.0 web application and have come across an issue in IE9 where some extra padding is added to the bottom of the control both when you expand/collapse an area and when you hover over an area name. This is then pushing other elements lower down the page. Has anyone else experienced this problem and is there a fix?

Thanks.

[Nohinn]

I'm having the same issue.
I partially fixed it by setting a max-height css property to the treeview div, and a position:relative attribute to the container of the treeview, but the solution doesn't meet my requirements as I'm using the treeview inside a panelbar and I only want one vertical scroll to show and not both the one from the treeview and the one from the panel container.

[Dimo]

Hello,

We are not familiar with such a problem. Can you please provide some runnable demo or a live URL, which exhibits the described behavior?

By the way, I suspect this occurs only in IE9 Compatibility mode (i.e. IE7). IE9 has all notorious IE 6/7 rendering bugs fixed.

Best wishes,
Dimo
the Telerik team

[Mattias]

Hello,
I have the same issue. It only occurs in IE9 in IE9 mode.

To reproduce:

• In IE9 go to http://demos.telerik.com/aspnet-mvc/treeview
• Use Developer Toolbar to select div with id TreeView and add inline style to the div: "width:50px;"
• Hover the treeview with the mouse

So, the problem seems to occur when the content of the TreeView is wider than its containers width.

Best regards,
Mattias

[Dimo]

Hello Mattias,

Your issue seems similar to this one:

http://twitter.com/#!/ie9bugs/status/131770982967951360

Regards,
Dimo
the Telerik team

[Mattias]

Hello,
Yes, I could reproduce it with an unordered list with links with hover-style also.

So, this is an IE9 bug, not a Telerik bug.

Thanks,
Mattias