Modena 2.1.3 issue with topbar

[grburgos]

I just upgraded my code to use the latest version of Modena. I found out that the topbar is not working properly.

If I place this code or just change the # href reference in the Modena demo project to a page link. The link will not redirect when clicked. There is an extra event placed on it that prevents this.

Code: Select all

<ul id="top-menu">
            <li>
                <a href="/b/cart.xhtml"><i class="icon-shopping_cart Fs30 DispInlBlock Fright HoverEffect">                        
                        <h:outputText class="CartText White Fright" value="#{cartController.cart.itemCount()}"/>
                    </i>    
                    <span class="ShowOnMobile">shoppingCart</span>
                </a>
            </li>
            <li>
                <a class="ripplelink"><i class="icon-cog"></i> <span class="ShowOnMobile">settings</span></a>
                <ul>
                    <li><a href="/s/lang.xhtml"><i class="icon-flag2"></i>languageSettings</a></li>
                    <li><a href="/s/chg.xhtml"><i class="icon-verified_user"></i>securitySettings</a></li>
                    <li><a href="/s/user-settings.xhtml"><i class="icon-assignment_ind"></i>userSettings</a></li>
                </ul>
            </li>
            <li>
                <a href="/login.xhtml" class="active-menu"><i class="icon-vpn_key Fs30 DispBlock"></i> <span class="ShowOnMobile">signout</span></a>       
            </li>
        </ul>

Any help is appreciated.

[grburgos]

Here is the fix:
Need to add "a.ripplelink" instead of "a". Line 112 in the layout.js inside of the modena-layout folder.

Code: Select all

 this.topMenu.find('a.ripplelink').off('click.topmenu mouseenter.topmenu').on('click.topmenu', function(e) {