Text after IsSeperator="True" moving 2 pixels down

[ls]

Using RadMenuTelerik Version 2011.1.315.40 in Internet Explorer 9.

When hovering over a menu Item Group that has a seperator in it:  The menu will dropdown but the first menu item's text will shift 2 or more pixels down (after the seperator).  Is there a fix for this?

This menu item is fine.

<Item IsSeparator="True" />

This menu item's text will display then shift down a few pixels.

Thanks,

Mike

[Kate]

Hi Mike,

I tested the scenario that you describe but it seems to be working fine with me. Here I have pasted the code of the menu that I used. You could open a support ticket and send us a sample project with the reproduced issue so we can inspect it in details:

<telerik:RadMenu ID="RadMenu1" runat="server" Flow="Vertical" ClickToOpen="true" Skin="Default">
           <Items>
               <telerik:RadMenuItem runat="server" Text="Root RadMenuItem1">
                   <Items>
                       <telerik:RadMenuItem runat="server" Text="Child RadMenuItem 1" >
                           <Items>
                               <telerik:RadMenuItem runat="server" Text="Child RadMenuItem 1">
                               </telerik:RadMenuItem>
                               <telerik:RadMenuItem runat="server" IsSeparator="true">
                               </telerik:RadMenuItem>
                               <telerik:RadMenuItem runat="server" Text="Child RadMenuItem 3">
                               </telerik:RadMenuItem>
                           </Items>
                       </telerik:RadMenuItem>
                       <telerik:RadMenuItem runat="server" Text="Child RadMenuItem 2">
                       </telerik:RadMenuItem>
                       <telerik:RadMenuItem runat="server" Text="Child RadMenuItem 3">
                       </telerik:RadMenuItem>
                   </Items>
               </telerik:RadMenuItem>
               <telerik:RadMenuItem runat="server" Text="" IsSeparator="true">
               </telerik:RadMenuItem>
               <telerik:RadMenuItem runat="server" Text="Root RadMenuItem3">
               </telerik:RadMenuItem>
               <telerik:RadMenuItem runat="server" Text="Root RadMenuItem4">
               </telerik:RadMenuItem>
           </Items>
       </telerik:RadMenu>

Best wishes,
Kate
the Telerik team

[ls]

Hi Kate,

After furter testing it seems like the seperator will make the shift happen one row sooner.  It's happening on any menu group with more than 4 items.

 

<table cellpadding="0" cellspacing="0" border="0" style="height:16px; width:970px;"><tr><td>
<telerik:RadMenu ID="RadMenu1" runat="server" EnableShadows="true" EnableRoundedCorners="true" Skin="Vista" /></td></tr></table>

 

<? xml version="1.0" encoding="utf-8" ?>
<Menu>
<Group>
<Item Text="Menu1">
<Group Flow="Vertical">
<Item Text="1" Href="#"/>
<Item Text="2" Href="#" />
<Item IsSeparator="True" />
<Item Text="4" Href="this will shift" />
<Item Text="5" Href="#" />
</Group>
</Item>
<Item Text="Menu2" >
<Group Flow="Vertical" >
<Item Text="1" Href="#" />
<Item Text="2" Href="#" />
<Item Text="3" Href="#" />
<Item Text="4" Href="#" />
<Item Text="5" Href="this shifts" />
<Item Text="6" Href="#" />
</Group>
</Item>
</Menu>

 

 

Thanks,

Mike

 

 

 

 

[Kate]

Hi Mike,

I tested the code that you send and I am still not able to reproduce the issue. Can please open a support ticket and send us a running project, so we can inspect it thoroughtly?

Regards,
Kate
the Telerik team