[search bar] multi-line wrap

Author: drew-u410

CHANGELOG.md

@@ -5,6 +5,9 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## Unreleased
+- Fixed search bar line wrapping. [#501](https://github.com/sourcebot-dev/sourcebot/pull/501)
+
 ## [4.5.1] - 2025-07-14
 
 ### Changed

packages/web/src/app/[domain]/components/searchBar/searchBar.tsx

@@ -78,8 +78,8 @@ const searchBarContainerVariants = cva(
     {
         variants: {
             size: {
-                default: "h-10",
-                sm: "h-8"
+                default: "min-h-10",
+                sm: "min-h-8"
             }
         },
         defaultVariants: {
@@ -168,6 +168,7 @@ export const SearchBar = ({
             keymap.of(searchBarKeymap),
             history(),
             zoekt(),
+            EditorView.lineWrapping,
             EditorView.updateListener.of(update => {
                 if (update.selectionSet) {
                     const selection = update.state.selection.main;
@@ -259,7 +260,7 @@ export const SearchBar = ({
             />
             <CodeMirror
                 ref={editorRef}
-                className="overflow-x-auto w-full"
+                className="w-full"
                 placeholder={isHistorySearchEnabled ? "Filter history..." : "Search (/) through repos..."}
                 value={query}
                 onChange={(value) => {