Hi,
We have a problem with the menu when located near the bottom of pages.
Often there is a scroll (EnableAutoScroll is True for other reasons!), despite lots of space above. It doesn't expand up instead of down seems to be the main problem.
In the following example:
<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="menu.aspx.vb" Inherits="TestaTredjepartWeb.menu" %>
<!DOCTYPE html>
<
html
xmlns
=
"http://www.w3.org/1999/xhtml"
>
<
head
runat
=
"server"
>
<
title
></
title
>
</
head
>
<
body
>
<
form
id
=
"form1"
runat
=
"server"
>
<
asp:ScriptManager
ID
=
"s"
runat
=
"server"
>
</
asp:ScriptManager
>
<
div
>
<
table
>
<
tr
>
<
td
style
=
"vertical-align: top; padding-bottom: 0px"
>
<
div
style
=
"height: 200px; background-color: blue"
>
</
div
>
<
div
style
=
"padding-bottom: 60px; background-color: red"
>
<
telerik:RadMenu
ID
=
"menu"
runat
=
"server"
RenderMode
=
"Lightweight"
ClickToOpen
=
"true"
ExpandDelay
=
"0"
EnableAutoScroll
=
"true"
OnClientItemOpening
=
"function(sender, args){args.get_item()._defaultScrollSize = 0;}"
>
<
Items
>
<
telerik:RadMenuItem
Text
=
"Test1"
Value
=
"item1"
>
<
Items
>
<
telerik:RadMenuItem
Text
=
"1"
></
telerik:RadMenuItem
>
<
telerik:RadMenuItem
Text
=
"2"
></
telerik:RadMenuItem
>
<
telerik:RadMenuItem
Text
=
"3"
></
telerik:RadMenuItem
>
<
telerik:RadMenuItem
Text
=
"4"
></
telerik:RadMenuItem
>
</
Items
>
</
telerik:RadMenuItem
>
</
Items
>
</
telerik:RadMenu
>
</
div
>
</
td
>
</
tr
>
</
table
>
</
div
>
</
form
>
</
body
>
</
html
>
When resizing the browser window near the edge of the red area, the menu expands down with a scroll despite the large blue area above where it could have expanded up!
If making the window a little bit smaller than the red area, it works as expected and expands up!
If making the window a little bit larger than the red area, it also works as expected and expands up!
If making the window much larger than the red area, it also works as expected and expands down (without scroll)!
Regards
Andreas