From eb2a1eafe7d52bd8eb9180e0184be7b95610a256 Mon Sep 17 00:00:00 2001
From: silverwind <me@silverwind.io>
Date: Wed, 10 Sep 2025 02:16:50 +0200
Subject: [PATCH 1/3] Avoid page layout shift because of dropdown text

---
 templates/shared/search/combo.tmpl | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/templates/shared/search/combo.tmpl b/templates/shared/search/combo.tmpl
index 3aba9a7f0474c..bbc5b28e3163e 100644
--- a/templates/shared/search/combo.tmpl
+++ b/templates/shared/search/combo.tmpl
@@ -10,7 +10,7 @@
 	{{template "shared/search/input" dict "Value" .Value "Disabled" .Disabled "Placeholder" .Placeholder}}
 	{{if .SearchModes}}
 	<div class="ui small dropdown selection {{if .Disabled}}disabled{{end}}" data-tooltip-content="{{ctx.Locale.Tr "search.type_tooltip"}}">
-		<div class="text"></div> {{svg "octicon-triangle-down" 14 "dropdown icon"}}
+		<div class="text">&nbsp;</div> {{svg "octicon-triangle-down" 14 "dropdown icon"}}
 		<input name="search_mode" type="hidden" value="
 			{{- if .SelectedSearchMode -}}
 				{{- .SelectedSearchMode -}}

From a33efb8ef218e87643c84dad04b85ea34ede9f46 Mon Sep 17 00:00:00 2001
From: silverwind <me@silverwind.io>
Date: Wed, 10 Sep 2025 02:53:42 +0200
Subject: [PATCH 2/3] use min-height

---
 templates/shared/search/combo.tmpl | 2 +-
 web_src/css/base.css               | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/templates/shared/search/combo.tmpl b/templates/shared/search/combo.tmpl
index bbc5b28e3163e..3aba9a7f0474c 100644
--- a/templates/shared/search/combo.tmpl
+++ b/templates/shared/search/combo.tmpl
@@ -10,7 +10,7 @@
 	{{template "shared/search/input" dict "Value" .Value "Disabled" .Disabled "Placeholder" .Placeholder}}
 	{{if .SearchModes}}
 	<div class="ui small dropdown selection {{if .Disabled}}disabled{{end}}" data-tooltip-content="{{ctx.Locale.Tr "search.type_tooltip"}}">
-		<div class="text">&nbsp;</div> {{svg "octicon-triangle-down" 14 "dropdown icon"}}
+		<div class="text"></div> {{svg "octicon-triangle-down" 14 "dropdown icon"}}
 		<input name="search_mode" type="hidden" value="
 			{{- if .SelectedSearchMode -}}
 				{{- .SelectedSearchMode -}}
diff --git a/web_src/css/base.css b/web_src/css/base.css
index 6ff060f1f9e2f..b1510ea35dd55 100644
--- a/web_src/css/base.css
+++ b/web_src/css/base.css
@@ -414,6 +414,10 @@ a.label,
   color: var(--color-text-light-2);
 }
 
+.ui.dropdown > .text {
+  min-height: 16px;
+}
+
 /* extend fomantic style '.ui.dropdown > .text > img' to include svg.img */
 .ui.dropdown > .text > .img {
   margin-left: 0;

From 7ce5a8551e23a8103107b6e7efe3c570ddd9b57a Mon Sep 17 00:00:00 2001
From: silverwind <me@silverwind.io>
Date: Wed, 10 Sep 2025 02:55:26 +0200
Subject: [PATCH 3/3] add comment

---
 web_src/css/base.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web_src/css/base.css b/web_src/css/base.css
index b1510ea35dd55..b35d7e21baf30 100644
--- a/web_src/css/base.css
+++ b/web_src/css/base.css
@@ -415,7 +415,7 @@ a.label,
 }
 
 .ui.dropdown > .text {
-  min-height: 16px;
+  min-height: 16px; /* avoid resize on page load when text is empty */
 }
 
 /* extend fomantic style '.ui.dropdown > .text > img' to include svg.img */