[CLOSED] Menu Issue in IE7

  1. #1

    [CLOSED] Menu Issue in IE7

    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>
    Last edited by Daniil; Apr 21, 2015 at 2:34 PM. Reason: [CLOSED]
  2. #2
    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?
  3. #3
    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.


    Click image for larger version. 

Name:	MenuIE7Issue01.PNG 
Views:	24 
Size:	21.9 KB 
ID:	23904Click image for larger version. 

Name:	MenuIE7Issue02.PNG 
Views:	25 
Size:	22.3 KB 
ID:	23905Click image for larger version. 

Name:	MenuIE7Issue03.PNG 
Views:	22 
Size:	22.0 KB 
ID:	23906
  4. #4
    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/#...ntainer.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.
  5. #5
    Got it, please close the thread.

Similar Threads

  1. [CLOSED] Drop down menu width issue
    By matt in forum 3.x Legacy Premium Help
    Replies: 2
    Last Post: Jan 09, 2015, 4:20 PM
  2. [CLOSED] Menu and Button issue
    By drgw74 in forum 1.x Legacy Premium Help
    Replies: 6
    Last Post: Mar 27, 2013, 12:56 PM
  3. Z-Index issue with Menu in ViewPort
    By huzzy143 in forum 1.x Help
    Replies: 3
    Last Post: Nov 14, 2011, 11:14 AM
  4. [CLOSED] menu mouse out issue
    By UGRev in forum 1.x Legacy Premium Help
    Replies: 3
    Last Post: Apr 20, 2010, 3:23 PM
  5. [CLOSED] ASP Menu and ext:Panel issue
    By egodoy in forum 1.x Help
    Replies: 2
    Last Post: Dec 12, 2008, 1:53 PM

Posting Permissions