Bug Report T293322
Visible to All Users

ASPxMenu - Full-width submenu scrolls with content after upgrade to 15.1.7

created 9 years ago

Hello,

After upgrading from 15.1.3 to 15.1.7, the style tag on an ASPXMenu control has changed from:

ASPx
z-index: 20000; position: absolute; left: 0px; top: 61px; visibility: visible; right: 0px; width: auto;

to

ASPx
z-index: 20000; position: fixed; left: 0px; top: 61px; right: 0px; width: auto; visibility: visible;

The change in the position attribute from absolute to fixed renders my sub menus in less desirable way.

I would like to be able to correct this, but do not have the ability to adjust those inline styles.  How can I get control over my menu again?

Show previous comments (3)

    If it helps, here is the ASP code for the menu:
    <dx:ASPxMenu  ID="ASPxMenu1" runat="server" CssClass="nav navbar-nav" ClientInstanceName="mainMenu" showPopOutImage="true" EnableSubMenuFullWidth="true"
                            EnableViewState="true" EnableAnimation="false" AppearAfter="100" DisappearAfter="100" ShowSubMenuShadow="false" >
                           <SubMenuStyle CssClass="mainMenuPopup" GutterWidth="0px"></SubMenuStyle>
                           <Items>
                               <dx:MenuItem Text="Menu" ItemStyle-CssClass="active parent setAbsPos">
                                   <SubMenuTemplate>
                                       <uc:FullWidthSubMenuRoleBased runat="server" ID="ucMenuRoleBased" />
                                   </SubMenuTemplate>
                               </dx:MenuItem>
                               <dx:MenuItem Text="Profile" ItemStyle-CssClass="active parent">
                                   <SubMenuTemplate>
                                       <uc:FullWidthSubMenuProfile runat="server" ID="ucMenuProfile" />
                                   </SubMenuTemplate>
                           </dx:MenuItem>
                           </Items>
                           </dx:ASPxMenu>
    and the resultant HTML looks like this -- note the change in styles affects the submenu ASPxMenu1_DXM0_:
    <div class="dxmLite dxm-ltr">
    <div id="ASPxMenu1" class="dxm-main dxm-horizontal nav navbar-nav" showpopoutimage="true" style="">
    <b class="dx-clear"></b>
    <div id="ASPxMenu1_DXM0_" style="z-index: 20000; left: 0px; top: 61px; right: 0px; width: auto; visibility: hidden; position: fixed; display: none;">
    <div id="ASPxMenu1_DXME0_" class="dxm-popup mainMenuPopup" style="box-sizing: border-box; display: table; border-spacing: 0px; width: 100%;">
    <div class="dx" style="width: 100%;">
    <div class="SubMenuContent">
    <div class="GroupContainer" style="width:100%;">
    <div class="cancelSubMenuIcon">
    <div class="Group">
    <div class="Group">
    <div class="Group">
    <div class="Group">
    <div class="Group">
    </div>
    </div>
    </div>
    </div>
    </div>
    <div id="ASPxMenu1_DXM1_" style="z-index: 20000; position: fixed; left: 0px; top: 61px; right: 0px; width: auto; visibility: hidden; display: none;">
    </div>
    <script id="dxss_1293989960" type="text/javascript">

    Nastya (DevExpress Support) 9 years ago

      Hello,
      I managed to reproduce the issue and forwarded this ticket to our developers for further investigation. Please bear with us. We will contact you as soon as we have any results.

        FYI, I clicked the hotfix request button not understanding that you all were  simultaneously updating the ticket.  You may cancel the request; I am not yet in production and can wait until the next release.

        Answers approved by DevExpress Support

        created 9 years ago (modified 9 years ago)

        We have fixed the issue described in this ticket and will include the fix in our next maintenance update. To apply this solution before the official update, request a hotfix by clicking the corresponding link for product versions you require.

        Note: Hotfixes may be unavailable for beta versions and updates that are about to be released.

          Comments (1)

            Thank you!

            Disclaimer: The information provided on DevExpress.com and affiliated web properties (including the DevExpress Support Center) is provided "as is" without warranty of any kind. Developer Express Inc disclaims all warranties, either express or implied, including the warranties of merchantability and fitness for a particular purpose. Please refer to the DevExpress.com Website Terms of Use for more information in this regard.

            Confidential Information: Developer Express Inc does not wish to receive, will not act to procure, nor will it solicit, confidential or proprietary materials and information from you through the DevExpress Support Center or its web properties. Any and all materials or information divulged during chats, email communications, online discussions, Support Center tickets, or made available to Developer Express Inc in any manner will be deemed NOT to be confidential by Developer Express Inc. Please refer to the DevExpress.com Website Terms of Use for more information in this regard.