mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-06 21:56:42 +02:00
Code Issues Releases Wiki Activity

fix(dropdowns): Fix multiple dropdowns when they are inside the same tag (#37011)

Browse Source
This commit is contained in:
Louis-Maxime Piton
2022-09-02 09:52:33 +02:00
committed by GitHub
parent 54b4b2c66a
commit 337068f8b1
3 changed files with 66 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
js/src/dropdown.js
View File

@@ -95,7 +95,8 @@ class Dropdown extends BaseComponent {
this._popper = null
this._parent = this._element.parentNode // dropdown wrapper
this._menu = SelectorEngine.findOne(SELECTOR_MENU, this._parent)
// todo: v6 revert #37011 & change markup https://getbootstrap.com/docs/5.2/forms/input-group/
this._menu = SelectorEngine.next(this._element, SELECTOR_MENU)[0] || SelectorEngine.prev(this._element, SELECTOR_MENU)[0]
this._inNavbar = this._detectNavbar()
}
@@ -405,7 +406,8 @@ class Dropdown extends BaseComponent {
event.preventDefault()
const getToggleButton = SelectorEngine.findOne(SELECTOR_DATA_TOGGLE, event.delegateTarget.parentNode)
// todo: v6 revert #37011 & change markup https://getbootstrap.com/docs/5.2/forms/input-group/
const getToggleButton = this.matches(SELECTOR_DATA_TOGGLE) ? this : SelectorEngine.prev(this, SELECTOR_DATA_TOGGLE)[0] || SelectorEngine.next(this, SELECTOR_DATA_TOGGLE)[0]
const instance = Dropdown.getOrCreateInstance(getToggleButton)
if (isUpOrDownEvent) {