zoeissleeping/veridian
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: modelselector positioning when calculated direction differs from preferred direction

Browse Source
This commit is contained in:
Zoe
2026-02-25 16:21:36 +00:00
parent 62f1fe1c27
commit d3d44778af
1 changed files with 9 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/components/ModelSelector.vue
+9 -10
View File
@@ -20,7 +20,6 @@ const modelSelectorState = reactive({
});
const selectedModel = defineModel<ModelWithProvider | null>();
const dropdownContentRef = ref<HTMLDivElement | null>(null);
const dropdownButton = ref<HTMLButtonElement | null>(null);
const searchInputRef = ref<HTMLInputElement | null>(null);
const dropdownMaxHeight = ref<number | undefined>(undefined);
@@ -34,15 +33,7 @@ const toggleDropdown = () => {
return;
}
const buttonRect = dropdownButton.value?.getBoundingClientRect();
if (!buttonRect) return;
modelSelectorState.x = buttonRect.left;
if (modelSelectorState.direction === 'up') {
const pageHeight = document.body.scrollHeight;
modelSelectorState.y = (pageHeight - buttonRect.top) + 6;
} else {
modelSelectorState.y = buttonRect.bottom - 6;
}
console.log(modelSelectorState);
modelSelectorState.open = true;
setTimeout(() => {
@@ -80,6 +71,14 @@ const calculateDropdownPosition = () => {
modelSelectorState.direction = 'down';
dropdownMaxHeight.value = Math.min(spaceBelow - 20, 460);
}
modelSelectorState.x = buttonRect.left;
if (modelSelectorState.direction === 'up') {
const pageHeight = document.body.scrollHeight;
modelSelectorState.y = (pageHeight - buttonRect.top) + 6;
} else {
modelSelectorState.y = buttonRect.bottom + 6;
}
};
const searchQuery = ref('');