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

Update the vertical dropdown positioning in decoupled mode

Browse source
This commit is contained in:
Sebastian Zoglowek 2026-02-24 10:39:38 +01:00
commit 079849bb81
1 changed files with 6 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/scripts/choices.ts
View file

@ -594,14 +594,13 @@ class Choices {
}
setVerticalDropdownPosition(above: boolean = false): this {
if (!above) {
if (!above || !(this._dropdownParent instanceof HTMLElement)) {
return this;
}
const rect = this.containerOuter.element.getBoundingClientRect();
const dropdownRect = this.dropdown.element.getBoundingClientRect();
this.dropdown.element.style.top = 'auto'; // ToDo: calc from bottom or top - find a better way
this.dropdown.element.style.bottom = `${document.body.offsetHeight - rect.top}px`; // /*- (containerRect.height + dropdownRect.height)}*/
this.dropdown.element.style.top = `${this.containerOuter.element.offsetTop + 1 - dropdownRect.height}px`;
return this;
}
@ -2118,14 +2117,13 @@ class Choices {
}
_onWindowResize(): void {
this.setHorizontalDropdownPosition();
if (!this.dropdown.isActive) {
return;
}
const rect = this.dropdown.element.getBoundingClientRect();
this.setHorizontalDropdownPosition();
const rect = this.dropdown.element.getBoundingClientRect();
const dropdownAbove = this.containerOuter.shouldFlip(rect.bottom, rect.height);
this.setVerticalDropdownPosition(dropdownAbove);
@ -2348,7 +2346,7 @@ class Choices {
});
this.dropdown = new Dropdown({
element: templating.dropdown(config),
element: templating.dropdown(config, isSelectOneElement),
classNames,
type: elementType,
});