Vertical Menu Issue

I’m having a issue I can’t seem to solve with a vertical menu, I’m using the simple dropdown without javascript but this is how it displays:

The submenus goes one line down. This is my code.

<div class="ui fluid blue vertical menu">
    <a class="item" href="">Stufff</a>  
    <a class="item" href="">Stufff</a>
    <div class="ui simple dropdown item">Submenu
        <i class="dropdown icon"></i>
        <div class="menu">
            <a class="item" href="">Stufff</a>
    </div>
</div>

Removing the simple and using the Javascript API it works fine. The problem comes as soon as you put the simple in the vertical menu variation. In the documentation near the https://semantic-ui.com/collections/menu.html#vertical-menu there’s this.

Dropdown Item An item may contain a nested menu in a dropdown. To have a dropdown open without Javascript, use the simple variation

But in the code presented there’s no simple class, it uses the javascript approach. It’s my mistake or there’s no vertical submenu with no javascript solution ?

[awgv]

@xcrap I was wrong, the rules actually exist. The details are in the PR; you need to override the rule in installation_folder/src/site/collections/menu.overrides instead.

[lubber-de]

Fixed in upcoming Fomantic UI 2.7.2 https://github.com/fomantic/Fomantic-UI/pull/339