Fixes microsoft/monaco-editor#2236: Avoid using `wrapper` as a css class name

src/vs/base/browser/ui/inputbox/inputBox.css

@@ -17,20 +17,20 @@
 	border: 1px solid transparent;
 }
 
-.monaco-inputbox > .wrapper > .input,
-.monaco-inputbox > .wrapper > .mirror {
+.monaco-inputbox > .ibwrapper > .input,
+.monaco-inputbox > .ibwrapper > .mirror {
 
 	/* Customizable */
 	padding: 4px;
 }
 
-.monaco-inputbox > .wrapper {
+.monaco-inputbox > .ibwrapper {
 	position: relative;
 	width: 100%;
 	height: 100%;
 }
 
-.monaco-inputbox > .wrapper > .input {
+.monaco-inputbox > .ibwrapper > .input {
 	display: inline-block;
 	box-sizing:	border-box;
 	width: 100%;
@@ -43,26 +43,26 @@
 	color: inherit;
 }
 
-.monaco-inputbox > .wrapper > input {
+.monaco-inputbox > .ibwrapper > input {
 	text-overflow: ellipsis;
 }
 
-.monaco-inputbox > .wrapper > textarea.input {
+.monaco-inputbox > .ibwrapper > textarea.input {
 	display: block;
 	-ms-overflow-style: none; /* IE 10+: hide scrollbars */
 	scrollbar-width: none; /* Firefox: hide scrollbars */
 	outline: none;
 }
 
-.monaco-inputbox > .wrapper > textarea.input::-webkit-scrollbar {
+.monaco-inputbox > .ibwrapper > textarea.input::-webkit-scrollbar {
 	display: none; /* Chrome + Safari: hide scrollbar */
 }
 
-.monaco-inputbox > .wrapper > textarea.input.empty {
+.monaco-inputbox > .ibwrapper > textarea.input.empty {
 	white-space: nowrap;
 }
 
-.monaco-inputbox > .wrapper > .mirror {
+.monaco-inputbox > .ibwrapper > .mirror {
 	position: absolute;
 	display: inline-block;
 	width: 100%;

src/vs/base/browser/ui/inputbox/inputBox.ts

@@ -157,7 +157,7 @@ export class InputBox extends Widget {
 
 		let tagName = this.options.flexibleHeight ? 'textarea' : 'input';
 
-		let wrapper = dom.append(this.element, $('.wrapper'));
+		let wrapper = dom.append(this.element, $('.ibwrapper'));
 		this.input = dom.append(wrapper, $(tagName + '.input.empty'));
 		this.input.setAttribute('autocorrect', 'off');
 		this.input.setAttribute('autocapitalize', 'off');

src/vs/editor/contrib/find/findWidget.css

@@ -60,14 +60,14 @@
 }
 
 
-.monaco-editor .find-widget > .replace-part .monaco-inputbox > .wrapper > .mirror {
+.monaco-editor .find-widget > .replace-part .monaco-inputbox > .ibwrapper > .mirror {
 	padding-right: 22px;
 }
 
-.monaco-editor .find-widget > .find-part .monaco-inputbox > .wrapper > .input,
-.monaco-editor .find-widget > .find-part .monaco-inputbox > .wrapper > .mirror,
-.monaco-editor .find-widget > .replace-part .monaco-inputbox > .wrapper > .input,
-.monaco-editor .find-widget > .replace-part .monaco-inputbox > .wrapper > .mirror {
+.monaco-editor .find-widget > .find-part .monaco-inputbox > .ibwrapper > .input,
+.monaco-editor .find-widget > .find-part .monaco-inputbox > .ibwrapper > .mirror,
+.monaco-editor .find-widget > .replace-part .monaco-inputbox > .ibwrapper > .input,
+.monaco-editor .find-widget > .replace-part .monaco-inputbox > .ibwrapper > .mirror {
 	padding-top: 2px;
 	padding-bottom: 2px;
 }

src/vs/editor/contrib/parameterHints/parameterHints.css

@@ -10,7 +10,7 @@
 	line-height: 1.5em;
 }
 
-.monaco-editor .parameter-hints-widget > .wrapper {
+.monaco-editor .parameter-hints-widget > .phwrapper {
 	max-width: 440px;
 	display: flex;
 	flex-direction: row;

src/vs/editor/contrib/parameterHints/parameterHintsWidget.ts

@@ -82,7 +82,7 @@ export class ParameterHintsWidget extends Disposable implements IContentWidget {
 
 	private createParamaterHintDOMNodes() {
 		const element = $('.editor-widget.parameter-hints-widget');
-		const wrapper = dom.append(element, $('.wrapper'));
+		const wrapper = dom.append(element, $('.phwrapper'));
 		wrapper.tabIndex = -1;
 
 		const controls = dom.append(wrapper, $('.controls'));

src/vs/workbench/contrib/debug/browser/media/debugViewlet.css

@@ -259,11 +259,11 @@
 	font-family: var(--monaco-monospace-font);
 }
 
-.debug-pane .monaco-inputbox > .wrapper {
+.debug-pane .monaco-inputbox > .ibwrapper {
 	height: 19px;
 }
 
-.debug-pane .monaco-inputbox > .wrapper > .input {
+.debug-pane .monaco-inputbox > .ibwrapper > .input {
 	padding: 0px;
 	color: initial;
 }

src/vs/workbench/contrib/files/browser/media/explorerviewlet.css

@@ -89,7 +89,7 @@
 	height: 22px;
 }
 
-.monaco-workbench .explorer-viewlet .explorer-item .monaco-inputbox > .wrapper > .input {
+.monaco-workbench .explorer-viewlet .explorer-item .monaco-inputbox > .ibwrapper > .input {
 	padding: 0;
 	height: 20px;
 }

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

@@ -45,31 +45,31 @@
 	width: 100%;
 }
 
-.search-editor .search-widget .monaco-inputbox > .wrapper {
+.search-editor .search-widget .monaco-inputbox > .ibwrapper {
 	height: 100%;
 }
 
-.search-editor .search-widget .monaco-inputbox > .wrapper > .mirror,
-.search-editor .search-widget .monaco-inputbox > .wrapper > textarea.input {
+.search-editor .search-widget .monaco-inputbox > .ibwrapper > .mirror,
+.search-editor .search-widget .monaco-inputbox > .ibwrapper > textarea.input {
 	padding: 3px;
 	padding-left: 4px;
 }
 
-.search-editor .search-widget .monaco-inputbox > .wrapper > .mirror {
+.search-editor .search-widget .monaco-inputbox > .ibwrapper > .mirror {
 	max-height: 134px;
 }
 
 /* NOTE: height is also used in searchWidget.ts as a constant*/
-.search-editor .search-widget .monaco-inputbox > .wrapper > textarea.input {
+.search-editor .search-widget .monaco-inputbox > .ibwrapper > textarea.input {
 	overflow: initial;
 	height: 24px; /* set initial height before measure */
 }
 
-.search-editor .monaco-inputbox > .wrapper > textarea.input {
+.search-editor .monaco-inputbox > .ibwrapper > textarea.input {
 	scrollbar-width: none; /* Firefox: hide scrollbar */
 }
 
-.search-editor .monaco-inputbox > .wrapper > textarea.input::-webkit-scrollbar {
+.search-editor .monaco-inputbox > .ibwrapper > textarea.input::-webkit-scrollbar {
 	display: none;
 }
 

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

@@ -30,18 +30,18 @@
 	margin-left: 18px;
 }
 
-.search-view .search-widget .monaco-inputbox > .wrapper {
+.search-view .search-widget .monaco-inputbox > .ibwrapper {
 	height: 100%;
 }
 
-.search-view .search-widget .monaco-inputbox > .wrapper > .mirror,
-.search-view .search-widget .monaco-inputbox > .wrapper > textarea.input {
+.search-view .search-widget .monaco-inputbox > .ibwrapper > .mirror,
+.search-view .search-widget .monaco-inputbox > .ibwrapper > textarea.input {
 	padding: 3px;
 	padding-left: 4px;
 }
 
 /* NOTE: height is also used in searchWidget.ts as a constant*/
-.search-view .search-widget .monaco-inputbox > .wrapper > textarea.input {
+.search-view .search-widget .monaco-inputbox > .ibwrapper > textarea.input {
 	overflow: initial;
 	height: 24px; /* set initial height before measure */
 }
@@ -50,11 +50,11 @@
 	opacity: 0;
 }
 
-.search-view .monaco-inputbox > .wrapper > textarea.input {
+.search-view .monaco-inputbox > .ibwrapper > textarea.input {
 	scrollbar-width: none; /* Firefox: hide scrollbar */
 }
 
-.search-view .monaco-inputbox > .wrapper > textarea.input::-webkit-scrollbar {
+.search-view .monaco-inputbox > .ibwrapper > textarea.input::-webkit-scrollbar {
 	display: none;
 }
 

src/vs/workbench/contrib/searchEditor/browser/media/searchEditor.css

@@ -45,31 +45,31 @@
 	width: 100%;
 }
 
-.search-editor .search-widget .monaco-inputbox > .wrapper {
+.search-editor .search-widget .monaco-inputbox > .ibwrapper {
 	height: 100%;
 }
 
-.search-editor .search-widget .monaco-inputbox > .wrapper > .mirror,
-.search-editor .search-widget .monaco-inputbox > .wrapper > textarea.input {
+.search-editor .search-widget .monaco-inputbox > .ibwrapper > .mirror,
+.search-editor .search-widget .monaco-inputbox > .ibwrapper > textarea.input {
 	padding: 3px;
 	padding-left: 4px;
 }
 
-.search-editor .search-widget .monaco-inputbox > .wrapper > .mirror {
+.search-editor .search-widget .monaco-inputbox > .ibwrapper > .mirror {
 	max-height: 134px;
 }
 
 /* NOTE: height is also used in searchWidget.ts as a constant*/
-.search-editor .search-widget .monaco-inputbox > .wrapper > textarea.input {
+.search-editor .search-widget .monaco-inputbox > .ibwrapper > textarea.input {
 	overflow: initial;
 	height: 24px; /* set initial height before measure */
 }
 
-.search-editor .monaco-inputbox > .wrapper > textarea.input {
+.search-editor .monaco-inputbox > .ibwrapper > textarea.input {
 	scrollbar-width: none; /* Firefox: hide scrollbar */
 }
 
-.search-editor .monaco-inputbox > .wrapper > textarea.input::-webkit-scrollbar {
+.search-editor .monaco-inputbox > .ibwrapper > textarea.input::-webkit-scrollbar {
 	display: none;
 }