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

[tienv2i]

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

[tmorehouse]

Interesting, this appears to only happen when the user doesn't click directly on the dropdown's toggle text (clicking to the right of it causes the collapse to close)

[tmorehouse]

PR #1475 addresses this issue and will be available in the next release.

[dominicbarnes]

I'm glad there's a fix merged, but I hope it gets released soon.

[pi0]

Should be fixed in v1.4.1.

[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.