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

7 posts, 1 answers
  1. Mehmet Ali Ozenci
    Mehmet Ali Ozenci avatar
    8 posts
    Member since:
    Jun 2009

    Posted 03 Jul 2009 Link to this post

    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?
  2. Answer
    Alex Gyoshev
    Admin
    Alex Gyoshev avatar
    2527 posts

    Posted 06 Jul 2009 Link to this post

    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.
  3. Flemming Ottosen
    Flemming Ottosen avatar
    9 posts
    Member since:
    Aug 2004

    Posted 03 Nov 2009 Link to this post

    Any updates on this one?

    I have the same problem
  4. Tobias
    Tobias avatar
    18 posts
    Member since:
    Jul 2008

    Posted 03 Nov 2009 Link to this post

    I also have this problem. :-(
    Should we tell microsoft of this bug.
    How could we explain this bug in detail?
  5. Simon
    Admin
    Simon avatar
    2281 posts

    Posted 03 Nov 2009 Link to this post

    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.
  6. Oleg Skripnyak
    Oleg Skripnyak avatar
    1 posts
    Member since:
    Feb 2010

    Posted 02 Feb 2010 Link to this post

    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]-->

     

  7. Tobias
    Tobias avatar
    18 posts
    Member since:
    Jul 2008

    Posted 02 Feb 2010 Link to this post

    A very nice workaround, Oleg  ;-)

    Thank you very much !
Back to Top