Menus inside tabs rendering issue

3 posts, 1 answers
  1. Andrés
    Andrés avatar
    37 posts
    Member since:
    Jun 2011

    Posted 09 May 2013 Link to this post

    In IE (in my case IE10), when you have menus inside tabs, the menu items are not rendered correctly in any tabs other than the one that's selected by default. It appears to not respect the "list-style-type: none;" that's defined in the stylesheets, although when you hover over the menu items, that seems to be magically fixed.

    I created a simple test case that reproduces the issue:
    http://fiddle.jshell.net/yjQ9R/

    Hope that helps. Thanks!
    Andrés
  2. Answer
    Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 10 May 2013 Link to this post

    Hello ,

    This is due to an ugly bug in IE10, which renders invisible list-items without respecting their list-style-type: none. We found out that to fix this you have to reset one of the list-style properties of the element. Check the new jsFiddle which fixes this:


    Kind regards,
    Kamen Bundev
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Kendo UI is VS 2017 Ready
  4. Andrés
    Andrés avatar
    37 posts
    Member since:
    Jun 2011

    Posted 10 May 2013 Link to this post

    Thanks, for that!

    Cheers,
    Andrés
Back to Top