Navbar component auto toggle when I click on Navbar dropdown item in shorten mode

I have a simple code for navbar:

<b-navbar toggleable="md" type="dark" variant="info">
    <b-navbar-brand href="#">MIINODE</b-navbar-brand>
    <b-navbar-toggle target="nav_collapse"></b-navbar-toggle>
    <b-collapse is-nav id="nav_collapse">
      <b-navbar-nav>
        <b-nav-item href="#">Link</b-nav-item>
        <b-nav-item href="#" disabled>Disabled</b-nav-item>
      </b-navbar-nav>
      <b-navbar-nav class="ml-auto">
        <b-nav-item-dropdown right>
            <template slot="button-content">
              <em>User</em>
            </template>
            <b-dropdown-item href="#">Profile</b-dropdown-item>
            <b-dropdown-item href="#">Signout</b-dropdown-item>
          </b-nav-item-dropdown>
      </b-navbar-nav>
    </b-collapse>
  </b-navbar>

It works well on Desktop mode, but when I change to md screen, I can’t expand the navbar dropdown item, the navbar auto close when I click on the dropdown menu. You can see the error in the image: http://gph.is/2CLXEgQ

[DaleMckeown]

@pi0 This still appears to be an issue in the latest version.

Here’s an example from the docs:

[Velikolay]

I can still reproduce this, is there a known workaround solution?

PS: Turns out it’s related to the is-nav property, ended up removing it and added class="navbar-collapse" to achieve the same element positioning.