This is a migrated thread and some comments may be shown as answers.

Menus inside tabs rendering issue

2 Answers 47 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Andrés
Top achievements
Rank 1
Andrés asked on 10 May 2013, 04:31 AM
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 Answers, 1 is accepted

Sort by
0
Accepted
Kamen Bundev
Telerik team
answered on 10 May 2013, 08:32 AM
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!
0
Andrés
Top achievements
Rank 1
answered on 10 May 2013, 12:50 PM
Thanks, for that!

Cheers,
Andrés
Tags
Menu
Asked by
Andrés
Top achievements
Rank 1
Answers by
Kamen Bundev
Telerik team
Andrés
Top achievements
Rank 1
Share this question
or