chore(web): Disable page scroll when using arrow keys on search suggestions box (#493)

brendan-kellam · web-flow · commit 2309b679998c · 2025-09-06T12:16:57.000-04:00
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -7,6 +7,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+### Changed
+- Disable page scroll when using arrow keys on search suggestions box. [#493](https://github.com/sourcebot-dev/sourcebot/pull/493)
+
 ## [4.6.6] - 2025-09-04
 
 ### Added
diff --git a/packages/web/src/app/[domain]/components/searchBar/searchSuggestionsBox.tsx b/packages/web/src/app/[domain]/components/searchBar/searchSuggestionsBox.tsx
@@ -334,13 +334,15 @@ const SearchSuggestionsBox = forwardRef(({
                 }
 
                 if (e.key === 'ArrowUp') {
+                    e.preventDefault();
                     e.stopPropagation();
                     setHighlightedSuggestionIndex((curIndex) => {
                         return curIndex <= 0 ? suggestions.length - 1 : curIndex - 1;
                     });
                 }
 
                 if (e.key === 'ArrowDown') {
+                    e.preventDefault();
                     e.stopPropagation();
                     setHighlightedSuggestionIndex((curIndex) => {
                         return curIndex >= suggestions.length - 1 ? 0 : curIndex + 1;

Original file line number	Diff line number	Diff line change
`@@ -334,13 +334,15 @@ const SearchSuggestionsBox = forwardRef(({`
`334`	`334`	`}`
`335`	`335`
`336`	`336`	`if (e.key === 'ArrowUp') {`
	`337`	`+ e.preventDefault();`
`337`	`338`	`e.stopPropagation();`
`338`	`339`	`setHighlightedSuggestionIndex((curIndex) => {`
`339`	`340`	`return curIndex <= 0 ? suggestions.length - 1 : curIndex - 1;`
`340`	`341`	`});`
`341`	`342`	`}`
`342`	`343`
`343`	`344`	`if (e.key === 'ArrowDown') {`
	`345`	`+ e.preventDefault();`
`344`	`346`	`e.stopPropagation();`
`345`	`347`	`setHighlightedSuggestionIndex((curIndex) => {`
`346`	`348`	`return curIndex >= suggestions.length - 1 ? 0 : curIndex + 1;`