PDA

View Full Version : [CLOSED] Menu Issue in IE7



cwolcott
Apr 21, 2015, 7:55 AM
For some reason I added a Ext:Panel around Ext:Menu many months ago and everything looked fine so I didn't think anything about it until I tested it under IE7 a couple of weeks ago and the entire area turn white. I have since removed the panel around the menu and everything works just fine, but I was curious what went wrong? Below is a quick example.



<%@ Page Language="C#" %>

<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">
<title>Menu IE7 Issue</title>
</head>
<body>
<form runat="server">
<ext:ResourceManager runat="server" />
<ext:Viewport runat="server" Layout="BorderLayout">
<Items>
<ext:Panel runat="server" Region="North" Split="false" Collapsible="false" Layout="AnchorLayout"
Border="false">
<Items>
<ext:Panel runat="server" Html="Header Area" StyleSpec="text-align: center;" />
<ext:Panel runat="server" Header="false" Border="false" Height="23">
<Items>
<ext:Menu ID="wsMainMenu" runat="server" Floating="false" Layout="HBoxLayout"
ShowSeparator="false" Border="false">
<Items>
<ext:MenuItem runat="server" Text="Menu 1" />
</Items>
</ext:Menu>
</Items>
</ext:Panel>
</Items>
</ext:Panel>
<ext:Container runat="server" Region="Center" Layout="HBoxLayout" />
</Items>
</ext:Viewport>
</form>
</body>
</html>

Daniil
Apr 21, 2015, 7:59 AM
Hi Chris,


the entire area turn white

Could you, please, post a screenshot? Seems, I cannot reproduce.

IE10 and IE10 in IE7 mode - the same picture for me and not white.

Any custom CSS or JavaScript overrides are being used on your side?

cwolcott
Apr 21, 2015, 12:40 PM
Again not a big deal, but I was just trying to understand the reason. I have since removed the Panel around the menu and everything looks fine when emulating IE7. The simple code above causes the issue.

I am using IE11

Menu shows fine when in Document Mode=Edge and User Agent String=Default.
Menu shows fine when in Document Mode=8 and User Agent String=IE8.
Menu is obscured by white background when in Document Mode=7 and User Agent String=IE7.


239042390523906

Daniil
Apr 21, 2015, 1:55 PM
Hmm, not sure why I didn't reproduce that yesterday, but now I reproduced.

There is a requirement that North and South regions must have Height or Flex.
http://docs.sencha.com/extjs/4.2.1/#!/api/Ext.layout.container.Border

Well, it might be difficult to determine exactly why it is only reproducible in IE7, but I would definitely recommend to set up some height, for example Height="40" for the North region.

cwolcott
Apr 21, 2015, 2:12 PM
Got it, please close the thread.