Feb 10, 2015, 4:35 PM
[CLOSED] MenuPanel's Scrollbar on Chrome
On chrome. run the following example and expand
Vertical scrollbar is shown when it's not needed.
Going further, if you try to scroll, scrollbar's height goes crazy and menu's items are removed.
Further information:
On Internet Explorer and on FireFox everything works as expected.
If
Panel 2
Vertical scrollbar is shown when it's not needed.
Going further, if you try to scroll, scrollbar's height goes crazy and menu's items are removed.
Further information:
On Internet Explorer and on FireFox everything works as expected.
If
Panel 2
is placed as the first child of the accordion, everything works as expected.<!DOCTYPE html>
<html>
<head runat="server">
<style type="text/css">
.menucls {
background-color: White !important;
}
</style>
</head>
<body>
<ext:ResourceManager runat="server" />
<ext:Panel Title="Ext.Net" Layout="AccordionLayout" Width="300" Height="400" runat="server" >
<Items>
<%--Panel 1--%>
<ext:Panel Title="Panel 1" Html="Content" runat="server" />
<%--Panel 2--%>
<ext:MenuPanel Title="Panel 2" AutoScroll="true" runat="server">
<Menu AutoScroll="true" BodyCls="menucls" runat="server">
<Items>
<ext:MenuItem Text="Brazil" Icon="FlagBr" runat="server" />
<ext:MenuItem Text="United States" Icon="FlagUs" runat="server" />
<ext:MenuItem Text="Japan" Icon="FlagJp" runat="server" />
</Items>
</Menu>
</ext:MenuPanel>
<%--Panel 3--%>
<ext:Panel Title="Panel 3" Html="Content" runat="server" />
</Items>
</ext:Panel>
</body>
</html>
Thanks in advance.
Last edited by Daniil; Feb 20, 2015 at 7:18 PM.
Reason: [CLOSED]