sharpetronics/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-11-13 00:04:29 -05:00
Code Issues Projects Releases Wiki Activity

fix: prevent dropdown toggle on Enter in form input (Bootstrap #41354 workaround)

Browse Source
This commit is contained in:
Sanchit Kathpalia 2025-07-31 15:46:11 +05:30
parent e392fc500e
commit b3d0204067
1 changed files with 19 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
site/static/docs/[version]/assets/js/validate-forms.js
View File

@ -17,3 +17,22 @@
}, false)
})
})()
// Workaround for Bootstrap dropdown toggling on Enter in form inputs
// See: https://github.com/twbs/bootstrap/issues/41354
document.addEventListener('keydown', function(event) {
if (event.key === 'Enter') {
if (
event.target.tagName === 'INPUT' &&
event.target.form
) {
// Find all dropdown toggles after the input in the same form
let dropdowns = Array.from(event.target.form.querySelectorAll('[data-bs-toggle="dropdown"]'));
let inputIndex = Array.from(event.target.form.elements).indexOf(event.target);
if (dropdowns.some(btn => Array.from(event.target.form.elements).indexOf(btn) > inputIndex)) {
event.stopPropagation();
}
}
}
}, true);