Fix minimap viewport bounds and overscroll selection issues

- Clamp minimap viewport position to stay within minimap bounds
- Add overscroll-behavior: none to html/body to prevent bounce
- Add user-select: none to body and #app to prevent accidental selection
- Prevent wheel scroll at boundaries to avoid triggering selection

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

Author: ozgesolidkey

src/renderer/renderer.ts

@@ -502,7 +502,7 @@ function createLogViewer(): void {
   logViewerElement.addEventListener('click', handleLogClick);
   logViewerElement.addEventListener('contextmenu', handleContextMenu);
 
-  // Mouse wheel zoom (Ctrl + scroll)
+  // Mouse wheel zoom (Ctrl + scroll) and boundary scroll prevention
   logViewerElement.addEventListener('wheel', (e: WheelEvent) => {
     if (e.ctrlKey || e.metaKey) {
       e.preventDefault();
@@ -511,6 +511,16 @@ function createLogViewer(): void {
       } else {
         zoomOut();
       }
+      return;
+    }
+
+    // Prevent overscroll at boundaries to avoid selection issues
+    const atTop = logViewerElement!.scrollTop <= 0;
+    const atBottom = logViewerElement!.scrollTop >=
+      logViewerElement!.scrollHeight - logViewerElement!.clientHeight;
+
+    if ((atTop && e.deltaY < 0) || (atBottom && e.deltaY > 0)) {
+      e.preventDefault();
     }
   }, { passive: false });
   minimapElement.addEventListener('click', handleMinimapClick);
@@ -1095,11 +1105,14 @@ function updateMinimapViewport(): void {
   const currentLine = scrollTopToLine(scrollTop);
   const visibleLines = Math.ceil(clientHeight / getLineHeight());
 
-  const viewportTop = (currentLine / totalLines) * minimapHeight;
-  const viewportHeight = (visibleLines / totalLines) * minimapHeight;
+  const viewportHeight = Math.max(20, (visibleLines / totalLines) * minimapHeight);
+  let viewportTop = (currentLine / totalLines) * minimapHeight;
+
+  // Clamp viewport to stay within minimap bounds
+  viewportTop = Math.max(0, Math.min(viewportTop, minimapHeight - viewportHeight));
 
   minimapViewportElement.style.top = `${viewportTop}px`;
-  minimapViewportElement.style.height = `${Math.max(20, viewportHeight)}px`;
+  minimapViewportElement.style.height = `${viewportHeight}px`;
 }
 
 function handleMinimapClick(event: MouseEvent): void {

src/renderer/styles.css

@@ -30,6 +30,8 @@
 html, body {
   height: 100%;
   overflow: hidden;
+  /* Prevent overscroll bounce and selection */
+  overscroll-behavior: none;
 }
 
 body {
@@ -38,6 +40,9 @@ body {
   background-color: var(--bg-primary);
   color: var(--text-primary);
   line-height: 1.4;
+  /* Prevent accidental text selection during scroll */
+  -webkit-user-select: none;
+  user-select: none;
 }
 
 /* Scrollbar */
@@ -64,6 +69,9 @@ body {
   display: flex;
   flex-direction: column;
   height: 100vh;
+  /* Prevent selection during overscroll */
+  -webkit-user-select: none;
+  user-select: none;
 }
 
 /* Toolbar */