gorb/frontend
4
0
Fork 0
Code Issues 15 Pull requests 7 Projects Releases Packages 1 Wiki Activity Actions

fix: context menu on resizable sidebar component not working due to breaking changes

Browse source
This commit is contained in:
SauceyRed 2025-07-30 17:09:07 +02:00
parent d1518d1001
commit 82dc0fb0e3
Signed by: sauceyred
GPG key ID: 2BF92EB6D8A5CCA7
1 changed files with 4 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

6
components/UserInterface/ResizableSidebar.vue
View file

@ -21,7 +21,7 @@
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import type { ContextMenuItem } from '~/types/interfaces'; import type { ContextMenuInterface, ContextMenuItem } from '~/types/interfaces';
const props = defineProps<{ width?: string, minWidth: string, maxWidth: string, borderSides: "all" | "top" | "right" | "bottom" | "left" | ("top" | "right" | "bottom" | "left")[], localStorageName?: string }>(); const props = defineProps<{ width?: string, minWidth: string, maxWidth: string, borderSides: "all" | "top" | "right" | "bottom" | "left" | ("top" | "right" | "bottom" | "left")[], localStorageName?: string }>();
@ -31,6 +31,8 @@ const resizableSidebar = ref<HTMLDivElement>();
const widthResizer = ref<HTMLDivElement>(); const widthResizer = ref<HTMLDivElement>();
const storedWidth = ref<number>(); const storedWidth = ref<number>();
const contextMenu = useState<ContextMenuInterface>("contextMenu");
const menuItems: ContextMenuItem[] = [ const menuItems: ContextMenuItem[] = [
{ name: "Reset", callback: () => { resizableSidebar.value!.style.width = props.width ?? props.minWidth } } { name: "Reset", callback: () => { resizableSidebar.value!.style.width = props.width ?? props.minWidth } }
] ]
@ -42,7 +44,7 @@ onMounted(() => {
widthResizer.value.addEventListener("pointerdown", (e) => { widthResizer.value.addEventListener("pointerdown", (e) => {
e.preventDefault(); e.preventDefault();
if (e.button == 2) { if (e.button == 2) {
createContextMenu(e, menuItems); showContextMenu(e, contextMenu.value, menuItems);
return return
}; };
document.body.style.cursor = "ew-resize"; document.body.style.cursor = "ew-resize";