From d80c99c6c06f2988236081f1808aff08d786f1ff Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Simon=20Pocrnji=C4=8D?= <simon.pocrnjic@lume-solutions.si>
Date: Wed, 18 Mar 2026 21:09:30 +0100
Subject: [PATCH] Fixed dropdown menu where if window small and parts of menu
 hidden no scroll appeared and user was stuck, also fixed time js which showed
 +1h, enabled image copying documents

---
 .../js/Components/DocumentsTable/DocumentViewerDialog.vue     | 3 ++-
 .../js/Components/ui/dropdown-menu/DropdownMenuContent.vue    | 2 +-
 resources/js/Utilities/functions.js                           | 4 +---
 3 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/resources/js/Components/DocumentsTable/DocumentViewerDialog.vue b/resources/js/Components/DocumentsTable/DocumentViewerDialog.vue
index d59bc17..1988afb 100644
--- a/resources/js/Components/DocumentsTable/DocumentViewerDialog.vue
+++ b/resources/js/Components/DocumentsTable/DocumentViewerDialog.vue
@@ -329,7 +329,8 @@ watch(
               ref="imageRef"
               :src="props.src"
               :alt="props.title"
-              class="absolute top-0 left-0 max-w-none pointer-events-none"
+              draggable="false"
+              class="absolute top-0 left-0 max-w-none"
               :style="{
                 transformOrigin: '0 0',
                 transform: `translate(${translateX}px, ${translateY}px) scale(${imageScale})`,
diff --git a/resources/js/Components/ui/dropdown-menu/DropdownMenuContent.vue b/resources/js/Components/ui/dropdown-menu/DropdownMenuContent.vue
index 99f35fa..dbd2bd9 100644
--- a/resources/js/Components/ui/dropdown-menu/DropdownMenuContent.vue
+++ b/resources/js/Components/ui/dropdown-menu/DropdownMenuContent.vue
@@ -26,7 +26,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits)
   <DropdownMenuPortal>
     <DropdownMenuContent
       v-bind="forwarded"
-      :class="cn('z-50 min-w-32 overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2', props.class)"
+      :class="cn('z-50 min-w-32 overflow-y-auto rounded-md border bg-popover p-1 text-popover-foreground shadow-md max-h-[var(--reka-dropdown-menu-content-available-height)] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2', props.class)"
     >
       <slot />
     </DropdownMenuContent>
diff --git a/resources/js/Utilities/functions.js b/resources/js/Utilities/functions.js
index 4d48461..e0efa4f 100644
--- a/resources/js/Utilities/functions.js
+++ b/resources/js/Utilities/functions.js
@@ -1,4 +1,4 @@
-export function fmtDateTime(d) {
+export const fmtDateTime = (d) => {
   if (!d) return "";
   try {
     const dt = new Date(d);
@@ -6,13 +6,11 @@ export function fmtDateTime(d) {
       year: "numeric",
       month: "2-digit",
       day: "2-digit",
-      timeZone: "UTC",
     });
     const timePart = dt.toLocaleTimeString("sl-SI", {
       hour: "2-digit",
       minute: "2-digit",
       hour12: false,
-      timeZone: "UTC",
     });
     return `${datePart} ${timePart}`;
   } catch (e) {