I noticed that when the left sidebar menu is collapsed (by clicking on the hamburger icon), click on the items in the popup submenu items does nothing.
Hello, thank you so much for taking the time to check all demos.
The issue with the sidebar collapsed is a problem detecting the target route. I can provide you instructions to fix this in your code so you don't need to wait for a future release.
Replace the following statement in file sidebar.component.ts around line 162 with the following two lines
let routeTo = $(e.target).attr('route');
with
let el = e.target.tagName == 'SPAN' ? e.target.parentElement : e.target; let routeTo = $(el).attr('route');
Description: when sidebar is collapsed, some click are trigger from the span element with doesn't have the route, since it there is no route to navigate the browser does nothing. Solution is to detect this case and move the target element to the parent of the span which should be always the anchor element.
Other variants may have the same issue so Ill check them accordingly. Regarding laravel issue, it seems like a server side issue with the hosting provider. Will continue checking it.
Submenu items not working when left sidebar is collapsed
I noticed that when the left sidebar menu is collapsed (by clicking on the hamburger icon), click on the items in the popup submenu items does nothing.
Regs,
Aleksandar
Would you mind to point me the variant you are using in order to check it (angular, react, etc)?
Thanks
Regards
Sorry, I forgot to mention that.
So, I am using Angular variant. I just checked all your live demos -- variants with the same problem are:
- Angular 12
- Angular Material 12
- React (in this case page just flashes)
I also noticed that the live demo for Laravel 7 is not working.
Hope this helps.
Best regards,
Aleksandar
The issue with the sidebar collapsed is a problem detecting the target route.
I can provide you instructions to fix this in your code so you don't need to wait for a future release.
Replace the following statement in file sidebar.component.ts around line 162 with the following two lines
let routeTo = $(e.target).attr('route');
with
let el = e.target.tagName == 'SPAN' ? e.target.parentElement : e.target;
let routeTo = $(el).attr('route');
Description: when sidebar is collapsed, some click are trigger from the span element with doesn't have the route, since it there is no route to navigate the browser does nothing. Solution is to detect this case and move the target element to the parent of the span which should be always the anchor element.
Other variants may have the same issue so Ill check them accordingly.
Regarding laravel issue, it seems like a server side issue with the hosting provider. Will continue checking it.
Let me know if you have any question.
Thanks again for feedback
Regards
Best regards,
Aleksandar