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, mariazevedo88/hash-generator-js#14, mariazevedo88/hash-generator-js#15 or tghelere/CL#8 · May be fixed by bermudez/mynuxtjs#1

Comments

@fourcube
Copy link

@fourcube fourcube 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
Copy link
Member

@Hiws Hiws 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

@jacobmllr95 jacobmllr95 added this to To do in 2.1.0 via automation Sep 20, 2019
@jacobmllr95 jacobmllr95 self-assigned this Sep 21, 2019
2.1.0 automation moved this from To do to Done Sep 22, 2019
jacobmllr95 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
@jacobmllr95 jacobmllr95 removed this from Done in 2.1.0 Sep 30, 2019
@tmorehouse
Copy link
Member

@tmorehouse tmorehouse commented Oct 6, 2019

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

@fourcube
Copy link
Author

@fourcube fourcube 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