Fix multiline search widget not scrolling with cursor properly

Fix #103952

src/vs/workbench/contrib/search/browser/media/searchview.css

@@ -39,16 +39,16 @@
 	padding-left: 4px;
 }
 
-.search-view .search-widget .monaco-inputbox > .wrapper > .mirror {
-	max-height: 134px;
-}
-
 /* NOTE: height is also used in searchWidget.ts as a constant*/
 .search-view .search-widget .monaco-inputbox > .wrapper > textarea.input {
 	overflow: initial;
 	height: 24px; /* set initial height before measure */
 }
 
+.search-view .search-widget .monaco-findInput .monaco-scrollable-element .scrollbar {
+	opacity: 0;
+}
+
 .search-view .monaco-inputbox > .wrapper > textarea.input {
 	scrollbar-width: none; /* Firefox: hide scrollbar */
 }

src/vs/workbench/contrib/search/browser/searchWidget.ts

@@ -308,7 +308,8 @@ export class SearchWidget extends Widget {
 			appendWholeWordsLabel: appendKeyBindingLabel('', this.keyBindingService.lookupKeybinding(Constants.ToggleWholeWordCommandId), this.keyBindingService),
 			appendRegexLabel: appendKeyBindingLabel('', this.keyBindingService.lookupKeybinding(Constants.ToggleRegexCommandId), this.keyBindingService),
 			history: options.searchHistory,
-			flexibleHeight: true
+			flexibleHeight: true,
+			flexibleMaxHeight: 134
 		};
 
 		const searchInputContainer = dom.append(parent, dom.$('.search-container.input-box'));