web - hide scrollbars on firefox

Benjamin Pasero · Benjamin Pasero · commit 4da5e109ba0b · 2019-11-05T10:13:21.000+01:00
diff --git a/src/vs/base/browser/ui/inputbox/inputBox.css b/src/vs/base/browser/ui/inputbox/inputBox.css
@@ -49,18 +49,17 @@
 
 .monaco-inputbox > .wrapper > textarea.input {
 	display: block;
-	-ms-overflow-style: none; /* IE 10+ */
-	overflow: -moz-scrollbars-none; /* Firefox */
-	scrollbar-width: none; /* Firefox ^64 */
+	-ms-overflow-style: none; /* IE 10+: hide scrollbars */
+	scrollbar-width: none; /* Firefox: hide scrollbars */
 	outline: none;
 }
 
-.monaco-inputbox > .wrapper > textarea.input.empty {
-	white-space: nowrap;
+.monaco-inputbox > .wrapper > textarea.input::-webkit-scrollbar {
+	display: none; /* Chrome + Safari: hide scrollbar */
 }
 
-.monaco-inputbox > .wrapper > textarea.input::-webkit-scrollbar {
-	display: none;
+.monaco-inputbox > .wrapper > textarea.input.empty {
+	white-space: nowrap;
 }
 
 .monaco-inputbox > .wrapper > .mirror {
diff --git a/src/vs/workbench/browser/parts/editor/media/tabstitlecontrol.css b/src/vs/workbench/browser/parts/editor/media/tabstitlecontrol.css
@@ -23,15 +23,15 @@
 .monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container {
 	display: flex;
 	height: 35px;
-	scrollbar-width: none; /* Firefox ^64 */
+	scrollbar-width: none; /* Firefox: hide scrollbar */
 }
 
 .monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container.scroll {
 	overflow: scroll !important;
 }
 
 .monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container::-webkit-scrollbar {
-	display: none;
+	display: none; /* Chrome + Safari: hide scrollbar */
 }
 
 /* Tab */
diff --git a/src/vs/workbench/contrib/search/browser/media/searchview.css b/src/vs/workbench/contrib/search/browser/media/searchview.css
@@ -47,6 +47,10 @@
 	height: 24px; /* set initial height before measure */
 }
 
+.search-view .monaco-inputbox > .wrapper > textarea.input {
+	scrollbar-width: none; /* Firefox: hide scrollbar */
+}
+
 .search-view .monaco-inputbox > .wrapper > textarea.input::-webkit-scrollbar {
 	display: none;
 }

Original file line number	Diff line number	Diff line change
`@@ -23,15 +23,15 @@`
`23`	`23`	`.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container {`
`24`	`24`	`display: flex;`
`25`	`25`	`height: 35px;`
`26`		`- scrollbar-width: none; /* Firefox ^64 */`
	`26`	`+ scrollbar-width: none; /* Firefox: hide scrollbar */`
`27`	`27`	`}`
`28`	`28`
`29`	`29`	`.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container.scroll {`
`30`	`30`	`overflow: scroll !important;`
`31`	`31`	`}`
`32`	`32`
`33`	`33`	`.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container::-webkit-scrollbar {`
`34`		`- display: none;`
	`34`	`+ display: none; /* Chrome + Safari: hide scrollbar */`
`35`	`35`	`}`
`36`	`36`
`37`	`37`	`/* Tab */`
Original file line number	Diff line number	Diff line change
`@@ -47,6 +47,10 @@`
`47`	`47`	`height: 24px; /* set initial height before measure */`
`48`	`48`	`}`
`49`	`49`
	`50`	`+.search-view .monaco-inputbox > .wrapper > textarea.input {`
	`51`	`+ scrollbar-width: none; /* Firefox: hide scrollbar */`
	`52`	`+}`
	`53`	`+`
`50`	`54`	`.search-view .monaco-inputbox > .wrapper > textarea.input::-webkit-scrollbar {`
`51`	`55`	`display: none;`
`52`	`56`	`}`