deblan-mirror/Choices
deblan-mirror/Choices
1
0
Fork 0
mirror of https://github.com/Choices-js/Choices.git synced 2026-03-14 22:55:46 +01:00
Code Issues Projects Releases Wiki Activity

Update the dropdown position on scroll

Browse source
This commit is contained in:
Sebastian Zoglowek 2026-02-25 11:48:12 +01:00
commit a7344081f3
1 changed files with 13 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/scripts/choices.ts
View file

@ -311,6 +311,7 @@ class Choices {
this._onChange = this._onChange.bind(this);
this._onInvalid = this._onInvalid.bind(this);
this._onWindowResize = this._onWindowResize.bind(this);
this._onScroll = this._onScroll.bind(this);
// If element has already been initialised with Choices, fail silently
if (this.passedElement.isActive) {
@ -1625,6 +1626,9 @@ class Choices {
dropdownElement.addEventListener('keydown', this._onKeyDown, true);
dropdownElement.addEventListener('mousedown', this._onMouseDown, true);
window.addEventListener('resize', this._onWindowResize);
window.addEventListener('scroll', this._onScroll, {
passive: true,
});
}
this.input.addEventListeners();
@ -1668,6 +1672,7 @@ class Choices {
dropdownElement.removeEventListener('keydown', this._onKeyDown);
dropdownElement.removeEventListener('mousedown', this._onMouseDown);
window.removeEventListener('resize', this._onWindowResize);
window.removeEventListener('scroll', this._onScroll);
}
this.input.removeEventListeners();
@ -2117,6 +2122,14 @@ class Choices {
}
_onWindowResize(): void {
this._moveDropdown();
}
_onScroll(): void {
this._moveDropdown();
}
_moveDropdown(): void {
if (!this.dropdown.isActive) {
return;
}