7 replies · opened Jul 11, 2016
[sb_private_reply]I´ve already write about this topic vía email weeks ago with no response. [/sb_private_reply]I have an angular.js app and the mega-menu did not hide when press a link on it (because angular SPA ). I handle myself to hide the mega-menu when click link and showing when mouseover. The problem is that mega menu appears transparent a few seconds and then loads its white background. It is a very ugly behaviour. I provided a live versión vía email.
Thanks
Hello,
We have just checked out your Website regarding this but could not replicate the Issue. Is there any Specific Page you are facing this issue on? Also, it would be great if you can please provide us with the Steps to replicate this issue so that we can investigate this further and fix this for you. Thanks for your Patience.
Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.
Hello,
You need to put the mouse over top projects in order to open the mega menu and then click on view more/ver más of top referee for example. When the state change and the mega menu hides, go with the mouse to top projects on the navbar again. The issue will happen.
Can you notify me vía email with the response? Thanks
Hello,
Thank You so much for your Detailed Explanation. We have replicated this issue. According to what we understood there appears to be some kind of Conflict with your Custom Function to Hide the Menu and the Superfish Plugin. Please consider using the following JS Code to hide the Menu on Click:
jQuery('#primary-menu > ul').superfish( 'hide' );This should definitely fix your issue. Let us know if we can help you with anything else or if you find any further issues.
Hello,
Your answer hides the mega menu like my code. However, it is still bugged.
$scope.hideMegaMenu = function () {
jQuery('#primary-menu > ul').superfish( 'hide' );
}Hello,
Can you please consider using the following code:
- [ ul’).superfish( ‘hide’ );">Corporate - Layout 1](index-corporate.html)This should definitely work fine. Additionally, you can also consider using the following code:
$scope.hideMegaMenu = function () {
jQuery(‘#primary-menu > ul’).superfish( ‘hide’ );
SEMICOLON.header.superfish();
SEMICOLON.header.menufunctions();
SEMICOLON.header.fullWidthMenu();
}Maybe this can fix the issue. Thanks for your Patience.
Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.
Hello,
The two snippets do the same as before. It is still bugged. I really need to solve this. Thanks for the support but I need a good answer.
Think about how a re-running of functions.js can mess the code. When angular state changes the state view do a new functions.js execution. Without that script tag/execution the page loses behaviour so i need to do that execution.
I wait your news.
Hello,
We Really apologize about the Issues. However, as we mentioned earlier Canvas was not built for AngularJS and also we have not received this type of request yet. So really apologize about the inaccuracy of the Solutions provided by us.
The Real Issue here is that the Mega Menu is not getting correctly hidden. Can you please update the Live URL with the Solution we have provided you so that we can continue investigating further. Thanks for your Patience.
Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard