RadMenu SubMenu Item dropdown incorrectly renders in all browsers but IE

[IT Support]

Hi there,

I just implemented a RadMenu control and have noticed an issue w/ how it is rendering in all browsers other than IE. Is there a known issue where IE7 would be the only browser correctly rendering the submenus?

As it stands now the submenus get clipped halfway through the second item in each case. I've tried changing the heights of the items, the flyout direction, the position offset - nothing is preventing the clipping in all browsers other than IE. Those include FF3, Opera 9.x, Safari 3.x, and Chrome.

I'd send screenshots but I see no "attach file" button.

I've dropped in the code from the aspx file in the event its something silly in the settings I'm missing.

<telerik:RadMenu ID="MainMindPivotRadMenu" runat="server" Skin="Black" Width="75%">
                  <Items>
                    <telerik:RadMenuItem runat="server" NavigateUrl="~/home.aspx" Text="Home">
                      <GroupSettings Flow="Horizontal" />
                    </telerik:RadMenuItem>
                    <telerik:RadMenuItem runat="server" NavigateUrl="~/solutions.aspx" Text="Solutions">
                      <Items>
                        <telerik:RadMenuItem runat="server" Text="SharePoint">
                        </telerik:RadMenuItem>
                        <telerik:RadMenuItem runat="server" Text="Drupal">
                        </telerik:RadMenuItem>
                        <telerik:RadMenuItem runat="server" Text="ASP.NET">
                        </telerik:RadMenuItem>
                      </Items>
                    </telerik:RadMenuItem>
                    <telerik:RadMenuItem runat="server" NavigateUrl="~/about.aspx" Text="About">
                    </telerik:RadMenuItem>
                    <telerik:RadMenuItem runat="server" NavigateUrl="~/contact.aspx" Text="Contact">
                    </telerik:RadMenuItem>
                  </Items>
                </telerik:RadMenu>

Thanks

[Paul]

Hello PHILIP BUBEL,

We tested your code locally using the latest version of the menu (2009.1.402), but we were not able to find any differences in the rendering under all mentioned browsers (see attached screenshots for details).

Regards,
Paul
the Telerik team

Check out Telerik Trainer , the state of the art learning tool for Telerik products.

[IT Support]

Is there some way I can attach/send files to you. The problem is with the DIV structure I'm assuming. The menu lives in a #menu div inside a header div and is clipping when it moves outside the geometry of the header div and into the geometry of the div peer to the header div - the content div.

The layout was built using http://layout.constantology.com/builder/index.html if you'd like to try and recreate it in lieu of me being able to forward you a working set showing the problem.

Hopefully the explanation will suffice but I can send files if need be.

[Paul]

Hi there,

Attachments are not allowed in the forums due to security reasons. Still, it will be best if you can open a support ticket and send us a simple running project (incl. your custom skin, CSS, images, DB backup if needed and so on) demonstrating the problem (and step-by-step instructions on doing so). In that way we can reproduce and pinpoint the problems you're facing on our side, understand the logic of your application and provide a solution.

All the best,
Paul
the Telerik team

Check out Telerik Trainer , the state of the art learning tool for Telerik products.

[Jeffrey Sanford]

Having a similar issue.  Any resolution to this thread?

*** Disregard:  found answer here... http://www.telerik.com/community/forums/aspnet-ajax/menu/menu-not-visible-below-iframe-in-splitter.aspx

Thanks!