Skip to content
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

unexpected nav-item-dropdown opening behavior in vertical navbar #4113

Closed
fourcube opened this issue Sep 17, 2019 · 3 comments · Fixed by #4139 or mariazevedo88/hash-generator-js#14 · May be fixed by bermudez/mynuxtjs#1 or mariazevedo88/hash-generator-js#15

Comments

@fourcube
Copy link

commented Sep 17, 2019

Describe the bug

It's not possible to open a nav-bar dropdown with relatively positioned content items, when another nav-bar dropdown, above the targeted dropdown, is already open.

demo

Steps to reproduce the bug

  1. Go to https://jsfiddle.net/28dr50bk/
  2. Click on "Lang"
  3. Try to click on "User"

Expected behavior

The "User" dropdown opens.

Versions

Libraries:

  • BootstrapVue: 2.0.1
  • Bootstrap: 4.#.#
  • Vue: 2.#.#

Environment:

  • Device: All devices
  • OS: macOS Mojave
  • Browser: Firefox 69

Demo link

https://jsfiddle.net/28dr50bk/

Additional context

This works as intended in native bootstrap.

@Hiws

This comment has been minimized.

Copy link

commented Sep 17, 2019

Just adding that i tested this in one of the bootstrap example templates. I simply duplicated the dropdown in the dom to test it and looks to work as intended

zqCBT8O 1

@jackmu95 jackmu95 added this to To do in 2.1.0 via automation Sep 20, 2019
@jackmu95 jackmu95 added the Type: Bug label Sep 21, 2019
@jackmu95 jackmu95 self-assigned this Sep 21, 2019
2.1.0 automation moved this from To do to Done Sep 22, 2019
jackmu95 added a commit that referenced this issue Sep 22, 2019
…dropdown-toggle` (closes #4113) (#4139)

* fix(dropdown): focus-out handling when new focus somes from another `dropdown-toggle`

* Try delaying the show handler

* Update dropdown.js

* Update dropdown.js

* Trying with clickout handler disabled

* Update dropdown.js

* Update dropdown.js

* Update dropdown.js

* Update dropdown.js

* Update dropdown.js

* Update dropdown.js

* Update dropdown.js

* Update dropdown.js

* Update dropdown.js

* Update dropdown.js

* lint

* Update dropdown.js

* Update dropdown.js

* Update dropdown.js

* Update dropdown.spec.js

* Update dropdown.spec.js

* Update dom.js

* Update dom.spec.js

* Update dom.js

* Update dom.js

* Update dropdown.js

* Update dropdown.js

* Update dropdown.js

* Update dropdown.js

* Update dropdown.js

* Update dropdown.js

* Update dropdown.js

* Update dropdown.js

* Update dropdown.js

* Update dropdown.js

* Update dropdown.js

* Update dropdown.js

* Correct typos
@jackmu95 jackmu95 removed this from Done in 2.1.0 Sep 30, 2019
@tmorehouse

This comment has been minimized.

Copy link
Member

commented Oct 6, 2019

BootstrapVue v2.0.3 has been released, which should fix this issue.

@fourcube

This comment has been minimized.

Copy link
Author

commented Oct 7, 2019

@tmorehouse works like a charm! Thank you!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
4 participants
You can’t perform that action at this time.