fix: text overlay in replace input (microsoft#162036)

* fix: text overlay in replace input

Signed-off-by: Yue Yang <[email protected]>

Author: g1eny0ung

src/vs/base/browser/ui/findinput/replaceInput.ts

@@ -273,7 +273,6 @@ export class ReplaceInput extends Widget {
 
 	public set width(newWidth: number) {
 		this.inputBox.paddingRight = this.cachedOptionsWidth;
-		this.inputBox.width = newWidth;
 		this.domNode.style.width = newWidth + 'px';
 	}
 

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

@@ -68,11 +68,10 @@
 	display: none;
 }
 
-.search-view .search-widget .monaco-findInput,
 .search-view .monaco-findInput {
 	display: inline-block;
 	vertical-align: middle;
-	width: 100% !important;
+	width: 100%;
 }
 
 .search-view .search-widget .replace-container {

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

@@ -73,7 +73,6 @@ export class PatternInputWidget extends Widget {
 
 	setWidth(newWidth: number): void {
 		this.width = newWidth;
-		this.domNode.style.width = this.width + 'px';
 		this.contextViewProvider.layout();
 		this.setInputWidth();
 	}
@@ -135,7 +134,6 @@ export class PatternInputWidget extends Widget {
 
 	private render(options: IOptions): void {
 		this.domNode = document.createElement('div');
-		this.domNode.style.width = this.width + 'px';
 		this.domNode.classList.add('monaco-findInput');
 
 		this.inputBox = new ContextScopedHistoryInputBox(this.domNode, this.contextViewProvider, {