Use tw-flex-wrap in the dropdown div that might overflow.

Author: charles7668

templates/repo/create.tmpl

@@ -135,7 +135,7 @@
 
 						<div class="inline field">
 							<label>.gitignore</label>
-							<div class="ui multiple search selection dropdown">
+							<div class="ui multiple search selection dropdown tw-flex-wrap">
 								<input type="hidden" name="gitignores" value="{{.gitignores}}">
 								<div class="default text">{{ctx.Locale.Tr "repo.repo_gitignore_helper"}}</div>
 								<div class="menu">

templates/repo/graph.tmpl

@@ -6,7 +6,7 @@
 			<h2 class="ui header dividing">
 				{{ctx.Locale.Tr "repo.commit_graph"}}
 				<div class="ui icon buttons tiny color-buttons">
-					<div class="ui multiple selection search dropdown" id="flow-select-refs-dropdown">
+					<div class="ui multiple selection search dropdown tw-flex-wrap" id="flow-select-refs-dropdown">
 						<input type="hidden" name="flow">
 						<div class="default text">{{ctx.Locale.Tr "repo.commit_graph.select"}}</div>
 						<div class="menu">

templates/repo/settings/tags.tmpl

@@ -26,7 +26,7 @@
 								</div>
 								<div class="whitelist field">
 									<label>{{ctx.Locale.Tr "repo.settings.tags.protection.allowed.users"}}</label>
-									<div class="ui multiple search selection dropdown">
+									<div class="ui multiple search selection dropdown tw-flex-wrap">
 										<input type="hidden" name="allowlist_users" value="{{.allowlist_users}}">
 										<div class="default text">{{ctx.Locale.Tr "search.user_kind"}}</div>
 										<div class="menu">

web_src/css/base.css

@@ -1362,7 +1362,6 @@ table th[data-sortt-desc] .svg {
   gap: .25rem;
   vertical-align: middle;
   min-width: 0; /* make ellipsis work */
-  flex-wrap: wrap;
 }
 
 .ui.ui.dropdown.selection {