New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Closed
tienv2i opened this Issue Dec 17, 2017 · 5 comments

Comments

Projects
None yet
5 participants
@tienv2i

tienv2i commented Dec 17, 2017

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

This comment has been minimized.

Member

tmorehouse commented Dec 17, 2017

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 added a commit that referenced this issue Dec 17, 2017

tmorehouse added a commit that referenced this issue Dec 17, 2017

@tmorehouse

This comment has been minimized.

Member

tmorehouse commented Dec 17, 2017

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

@dominicbarnes

This comment has been minimized.

dominicbarnes commented Jan 14, 2018

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

@pi0

This comment has been minimized.

Member

pi0 commented Jan 14, 2018

Should be fixed in v1.4.1.

@DaleMckeown

This comment has been minimized.

DaleMckeown commented Mar 31, 2018

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

Here's an example from the docs:

collapse-bug

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment