From 52997d022a3a1dc40b649b75deb2c52f4d1dcc56 Mon Sep 17 00:00:00 2001
From: Oliver <oliver.henry.walters@gmail.com>
Date: Mon, 30 Jun 2025 12:30:09 +1000
Subject: [PATCH] [UI] Dashboard Update (#9904)

* Prevent clicks when editing dashboard items

* Tweak playwright test
---
 .../src/components/dashboard/DashboardWidget.tsx   | 14 ++++++++++++++
 src/frontend/tests/pages/pui_part.spec.ts          |  5 +++++
 2 files changed, 19 insertions(+)

diff --git a/src/frontend/src/components/dashboard/DashboardWidget.tsx b/src/frontend/src/components/dashboard/DashboardWidget.tsx
index 3054963285..0ac23e91e3 100644
--- a/src/frontend/src/components/dashboard/DashboardWidget.tsx
+++ b/src/frontend/src/components/dashboard/DashboardWidget.tsx
@@ -55,6 +55,20 @@ export default function DashboardWidget({
             overflowY: 'hidden'
           }}
         >
+          {/* Overlay to prevent mouse events when editing */}
+          {editing && (
+            <Box
+              style={{
+                position: 'absolute',
+                top: 0,
+                right: 0,
+                bottom: 0,
+                left: 0,
+                backgroundColor: 'rgba(255, 255, 255, 0.5)',
+                pointerEvents: 'auto'
+              }}
+            />
+          )}
           {item.render()}
         </Box>
         {removing && (
diff --git a/src/frontend/tests/pages/pui_part.spec.ts b/src/frontend/tests/pages/pui_part.spec.ts
index 8b3efbd08d..97c32f2825 100644
--- a/src/frontend/tests/pages/pui_part.spec.ts
+++ b/src/frontend/tests/pages/pui_part.spec.ts
@@ -134,7 +134,12 @@ test('Part - Editing', async ({ browser }) => {
   await page.getByText('Enter a valid URL.').waitFor();
 
   // Fill with an empty URL
+  const description = await page
+    .getByLabel('text-field-description')
+    .inputValue();
+
   await page.getByRole('textbox', { name: 'text-field-link' }).fill('');
+  await page.getByLabel('text-field-description').fill(`${description}+`);
   await page.waitForTimeout(200);
   await page.getByRole('button', { name: 'Submit' }).click();
   await page.getByText('Item Updated').waitFor();