IE8 problem: The node text is fully displayed in narrow treeviews on mouse hover

[Mehmet Ali Ozenci]

Hello,

I am testing our website with IE8 and noticed some strange behavior with Telerik TreeView component. Some treeviews we use in our website are narrow in width and long in height, thus vertical and horizontal scrollbars are displayed. With IE8, when the user hovers on a node with a long text, the whole text is displayed over the page. Any solution?

[Alex Gyoshev]

Hello Mehmet,

This appears to be a severe rendering bug in IE8. The only work-around that we were able to find until now is to use wrapping on the nodes, by setting the white-space CSS property to "normal", i.e.:

<telerik:RadTreeView style="white-space: normal">

Sincerely yours,
Alex
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Flemming Ottosen]

Any updates on this one?

I have the same problem

[Tobias]

I also have this problem. :-(
Should we tell microsoft of this bug.
How could we explain this bug in detail?

[Simon]

Hi Tobias,

The best way to proceed with this is to report it to Microsoft, so that they hopefully fix it. Perhaps providing them with a specific example showing the behavior will help.

All the best,
Simon
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Oleg Skripnyak]

There is a solution, but i suspect without themes support, however this could be fixed also.
As i found there problem within background-image of hovered styles
So i redefined them to these:

.RadTreeView_Default .rtHover .rtIn

{

    color#000;

    border-color: #c4c4c4 #b5b5b5 #9e9e9e;

    background-color: #e1e1e1;

    background-image:none !important;

}
.RadTreeView_Default .rtSelected .rtIn

{

    color:#fff;

    border-color: #8d8d8d #7e7e7e #6c6c6c;

    background-color: #959595;

    background-image:none !important;

}

 

 

Ofcource there is no nice background now, but if u defined these styles for IE8 and include them on the page itself but not CSS, this will not affect other browsers:
<!--[if IE 8]>
new styles go here
<![endif]-->

 

[Tobias]

A very nice workaround, Oleg  ;-)

Thank you very much !