From 5a0e77ebb8d132b8d7f6c49fc897f6977952427a Mon Sep 17 00:00:00 2001
From: taDuc <tranduc.wsp@gmail.com>
Date: Tue, 26 May 2026 17:28:09 +0700
Subject: [PATCH] fix: disable global scrollbars and reposition search
 component to the left edge of the editor

---
 src/app/editor/[id]/page.tsx                        | 11 ++++++++++-
 src/uhm/components/editor/BackgroundLayersPanel.tsx |  1 +
 src/uhm/components/editor/PresentPlaceSearch.tsx    |  6 +++---
 3 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/app/editor/[id]/page.tsx b/src/app/editor/[id]/page.tsx
index d2cb39e..1bcd2da 100644
--- a/src/app/editor/[id]/page.tsx
+++ b/src/app/editor/[id]/page.tsx
@@ -2935,6 +2935,15 @@ function EditorPageContent() {
 
     return (
         <div style={{ display: "flex", minHeight: "100vh" }}>
+            <style>{`
+                html, body {
+                    overflow: hidden !important;
+                    scrollbar-width: none !important;
+                }
+                html::-webkit-scrollbar, body::-webkit-scrollbar {
+                    display: none !important;
+                }
+            `}</style>
             {!isReplayEditMode && !isAnyPreviewMode ? (
                 <>
                     <Editor
@@ -3058,7 +3067,7 @@ function EditorPageContent() {
                         onFocusPlace={handleFocusPresentPlace}
                         onFocusHistoricalGeometry={handleFocusHistoricalGeometry}
                         onClearFocus={clearPresentPlaceFocus}
-                        rightOffset={isReplayPreviewWikiSidebarOpen ? previewSidebarWidth + 48 : 18}
+                        leftOffset={18}
                     />
                 ) : null}
                 {isReplayPreviewMode ? (
diff --git a/src/uhm/components/editor/BackgroundLayersPanel.tsx b/src/uhm/components/editor/BackgroundLayersPanel.tsx
index c4549ae..3ac3877 100644
--- a/src/uhm/components/editor/BackgroundLayersPanel.tsx
+++ b/src/uhm/components/editor/BackgroundLayersPanel.tsx
@@ -62,6 +62,7 @@ export default function BackgroundLayersPanel({
 
     return (
         <aside
+            className="no-scrollbar"
             style={{
                 width,
                 background: "#111827",
diff --git a/src/uhm/components/editor/PresentPlaceSearch.tsx b/src/uhm/components/editor/PresentPlaceSearch.tsx
index 2fb1db8..9a02372 100644
--- a/src/uhm/components/editor/PresentPlaceSearch.tsx
+++ b/src/uhm/components/editor/PresentPlaceSearch.tsx
@@ -34,7 +34,7 @@ type Props = {
     onFocusPlace: (place: PresentPlaceSelection) => void;
     onFocusHistoricalGeometry: (payload: HistoricalGeometryFocusPayload) => void;
     onClearFocus: () => void;
-    rightOffset?: number;
+    leftOffset?: number;
 };
 
 export default function PresentPlaceSearch({
@@ -42,7 +42,7 @@ export default function PresentPlaceSearch({
     onFocusPlace,
     onFocusHistoricalGeometry,
     onClearFocus,
-    rightOffset = 18,
+    leftOffset = 18,
 }: Props) {
     const [mode, setMode] = useState<SearchMode>("present");
     const [query, setQuery] = useState("");
@@ -280,7 +280,7 @@ export default function PresentPlaceSearch({
             style={{
                 position: "absolute",
                 top: 10,
-                right: rightOffset,
+                left: leftOffset,
                 zIndex: 18,
                 width: "min(392px, calc(100vw - 36px))",
                 pointerEvents: "auto",