Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://github.com/bootstrap-vue/bootstrap-vue/issues/5982 below:

Unclickable specific b-nav-item(s). · Issue #5982 · bootstrap-vue/bootstrap-vue · GitHub

When I use a basic navbar menu comporting let's say, four items, including a dropdown :

<b-collapse id="nav-collapse" is-nav>
      <b-navbar-nav>
        <b-nav-item href="https://bootstrap-vue.org/">Link-1</b-nav-item>
        <b-nav-item href="https://bootstrap-vue.org/">Link-2</b-nav-item>
        <b-nav-item-dropdown text="Dropdown" right>
            <b-dropdown-item href="https://bootstrap-vue.org/">Sublink-1</b-dropdown-item>
            <b-dropdown-item href="https://bootstrap-vue.org/">Sublink-2</b-dropdown-item>
            <b-dropdown-item href="https://bootstrap-vue.org/">Sublink-3</b-dropdown-item>
        </b-nav-item-dropdown>
        <b-nav-item href="https://bootstrap-vue.org/">Link-3</b-nav-item>
        
      </b-navbar-nav>
    </b-collapse>

Any subsequent link (nav-item) to an opened dropdown is getting non-fonctional.

1. Open the dropdown menu item
2. Move to the next link (nav-item) located outside of opened dropdown (here Link-3).
3. Click item.
4. Watch the dropdown close (like a normal click outside behavior) but, link is getting nowhere.

Expected to work like other nav-items located before an opened dropdown (Link-1, Link-2).

Libraries:

• BootstrapVue: 2.18+
• Bootstrap: 4
• Vue: 2

Environment:

All mobile devices + Chrome Dev mobile emulation. Menu works fine on desktop while not in collapsed mode (burger menu).

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4