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.

b-dropdown does not close when clicking on the dropdown button (Safari & Firefox Only)

See original GitHub issue

Describe the bug

When you click on the dropdown button to open the dropdown menu and then you click on the dropdown button again, the dropdown does not close.

Steps to reproduce the bug

Go to https://bootstrap-vue.js.org/docs/components/dropdown
Click on Dropdown Button in the first example
Click on Dropdown Button again
Note the dropdown menu quickly closes and reopens

Expected behavior

The dropdown menu should stay closed when the Dropdown Button is clicked the second time.

Versions

Environment:

Device: Mac
OS: macOS Mojave
Browser: Safari 12.1.1 & Firefox 70.0

Additional context

This bug also occurs when b-dropdown is used within b-tabs. It can be reproduced by copying one of the examples from Dropdown and pasting it into one of the examples in Tabs.

Issue Analytics

State:
Created 4 years ago
Comments:14 (9 by maintainers)

Top GitHub Comments

1reaction

jacobmllr95commented, Nov 26, 2019

Have to take a look. Will try to come up with a fix.

1reaction

jacobmllr95commented, Nov 26, 2019

@tmorehouse I can confirm that this issue still exists with BootstrapVue v2.1.0 when using a dropdown in tabs on Safari and Firefox on MacOS.

Top Results From Across the Web

Drop down lists not working | Firefox Support Forum

Recently I have noticed that where there are drop down lists on websites I visit the drop down function no longer works properly...

Dropdown menu not working on safari - Stack Overflow

If it doesn't work, then it may be that Safari doesn't support it yet. If that's the situation, you can consider to use...

Configuring your web browser to allow pop-up windows

Pop-ups are either blocked, or they are not. To allow pop-ups: From the Safari menu, choose Preferences... and click the Security tab. Ensure...

[Solved]-Bootstrap dropdown not working - Studytonight

Bootstrap Dropdown is built on the third-party library popper which provides dynamic positioning. So remember to include popper.min.js file before Bootstrap ...

Q: Magic Mouse clicks twice on dropdowns - Apple Discussions

When I click on a dropdown selector in Firefox or Safari sometimes it triggers twice. The only way to avoid it is clicking...