Sidebar menu treeview not open when .active

Hello,

First, thank you for your work, it’s great. But (yes, there is a “but”), I’ve got a problem with the left sidebar (treeview).

With this markup, the ul.treeview-menu is not displayed and I think it should be.

<ul class="sidebar-menu">
    <li class="treeview active">
        <a href="#">
            <i class="fa fa-users"></i>
            <span>Users</span>
            <i class="fa fa-angle-left pull-right"></i>
        </a>
        <ul class="treeview-menu">
            <li class="active">
                <a href="##">
                    Permissions
                </a>
            </li>
            <li>
                <a href="##">
                    Other submenu
                </a>
            </li>
        </ul>
    </li>
</ul>

Result

Expected

To “solve” this, I added this CSS rule in my stylesheet, but I don’t know if it’s really good :

.sidebar .sidebar-menu .active .treeview-menu {
    display: block;
}

[schcarlos1873]

In react after login, I had problem with resize and treeview. I solved the problem using jquery on componentDidMount() method.

export default class App extends React.Component { componentDidMount () { jquery(‘body’).layout(‘fix’); jquery(‘body’).layout(‘fixSidebar’); jquery(document).ready(() => { const trees = jquery(‘[data-widget=“tree”]’); trees.tree(); }); } render() { return ( … ); } }

[zubaer-ahammed]

I have found it works when I enter full URL instead of relative URL. Example: Instead of using <a href="/food">Food</a> I used <a href="http://zubaer.com/food">Food</a> And it works fine.