From 6242e8c97a48b9c090b3b17360d2a7fe2f8f00e7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cl=C3=A9ment=20Pasteau?=
 <4895034+ClementPasteau@users.noreply.github.com>
Date: Thu, 16 Jan 2025 12:02:47 +0100
Subject: [PATCH] Fix not being able to drag the app from the top bar (#7315)

Do not show in changelog
---
 newIDE/app/src/UI/TitleBarSafeMargins.js | 31 +++++++++++-------------
 1 file changed, 14 insertions(+), 17 deletions(-)

diff --git a/newIDE/app/src/UI/TitleBarSafeMargins.js b/newIDE/app/src/UI/TitleBarSafeMargins.js
index da16ca339fa8..d8f2e0c0ddd5 100644
--- a/newIDE/app/src/UI/TitleBarSafeMargins.js
+++ b/newIDE/app/src/UI/TitleBarSafeMargins.js
@@ -95,22 +95,19 @@ export const TitleBarRightSafeMargins = ({
     }
   }
 
-  if (rightSideOffset) {
-    return (
-      <div
-        className={DRAGGABLE_PART_CLASS_NAME}
-        style={{
-          ...titleBarStyles.rightSideArea,
-          minWidth:
-            rightSideOffset +
-            (rightSideAdditionalOffsetToGiveSpaceToDrag ? 30 : 0),
-          backgroundColor: backgroundColor || 'transparent',
-        }}
-      />
-    );
-  }
+  const draggableMinWidth =
+    rightSideOffset + (rightSideAdditionalOffsetToGiveSpaceToDrag ? 30 : 0);
 
-  // Not on the desktop app, and not in an installed PWA with window controls displayed
-  // as overlay: no need to display a spacing.
-  return null;
+  // Always display this draggable area, as it will take the whole available space
+  // in the title bar.
+  return (
+    <div
+      className={DRAGGABLE_PART_CLASS_NAME}
+      style={{
+        ...titleBarStyles.rightSideArea,
+        minWidth: draggableMinWidth,
+        backgroundColor: backgroundColor || 'transparent',
+      }}
+    />
+  );
 };