fix: side panel and search modal overlapping issue (#1996)

neerajd002 · web-flow · commit 3b8db720fb4f · 2026-03-03T20:43:27.000-05:00
Signed-off-by: Neeraj Deshmukh &lt;neerajd002@gmail.com&gt;
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -60,7 +60,7 @@
           indexName: 'loopback',
           container: '#algolia-docsearch',
           searchParameters: {
-            facetFilters: ['language:en'],
+            facetFilters: ['lang:en'],
             optionalFilters: [`version:${currentVersion}`]
           }
         });
diff --git a/css/customstyles.css b/css/customstyles.css
@@ -312,6 +312,11 @@ ul#results-container a: hover {
 }
 /* end search */
 
+/* Docsearch container z-index overwrite */
+.DocSearch-Container {
+    z-index: 1000 !important;
+}
+
 .filter-options {
     margin-bottom: 20px;
 }

Original file line number	Diff line number	Diff line change
`@@ -60,7 +60,7 @@`
`60`	`60`	`indexName: 'loopback',`
`61`	`61`	`container: '#algolia-docsearch',`
`62`	`62`	`searchParameters: {`
`63`		`- facetFilters: ['language:en'],`
	`63`	`+ facetFilters: ['lang:en'],`
`64`	`64`	optionalFilters: [`version:${currentVersion}`]
`65`	`65`	`}`
`66`	`66`	`});`
Original file line number	Diff line number	Diff line change
`@@ -312,6 +312,11 @@ ul#results-container a: hover {`
`312`	`312`	`}`
`313`	`313`	`/* end search */`
`314`	`314`
	`315`	`+/* Docsearch container z-index overwrite */`
	`316`	`+.DocSearch-Container {`
	`317`	`+ z-index: 1000 !important;`
	`318`	`+}`
	`319`	`+`
`315`	`320`	`.filter-options {`
`316`	`321`	`margin-bottom: 20px;`
`317`	`322`	`}`