Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Dropdowns not closed

See original GitHub issue

Dropdowns are not closed if dropdown item with ‘to’ properties are used:

                <b-dropdown text="Dropdown Button" variant="success" class="m-md-2">
                    <b-dropdown-item to="#">Not closed after click</b-dropdown-item>
                    <b-dropdown-item to="/real/uri">Not closed after click</b-dropdown-item>
                    <b-dropdown-item href="/some/link">Closed after click</b-dropdown-item>
                </b-dropdown>

Issue Analytics

State:
Created 6 years ago
Comments:10 (9 by maintainers)

Top GitHub Comments

2reactions

tmorehousecommented, Apr 25, 2017

I’ve created a fiddle https://jsfiddle.net/tmorehouse/4gx1jsjk/ that can be played with, which reproduces the issue. (note: updated fiddle link)

1reaction

tmorehousecommented, Apr 26, 2017

#290 fixes the dropdown not closing on click of <router-link>, But doesn’t address disabled router-links.

To get around disabled not working, you can switch from to="/bar" to href="#/bar" and disabled route dropdown-items will be truly disabled as expected (when using hash mode in vue-router)