fix(NcSelect): Selected options should not overflow the container

Signed-off-by: Ferdinand Thiessen <rpm@fthiessen.de>
nextcloud-libraries · Feb 15, 2023 · 319a9f8 · 319a9f8
1 parent 61409e1
commit 319a9f8
Showing 1 changed file with 17 additions and 0 deletions.
diff --git a/src/components/NcSelect/NcSelect.vue b/src/components/NcSelect/NcSelect.vue
@@ -1007,6 +1007,23 @@ body {
 			}
 		}
 	}
+
+	// Hide search from dom if unused to prevent unneeded flex wrap
+	.vs__search[readonly] {
+		display: none;
+	}
+
+	/**
+	 * Fix overlow of selected options
+	 * There is an upstream pull request, if it is merged and released remove this fix
+	 * https://github.com/sagalbot/vue-select/pull/1756
+	 */
+	.vs__selected-options {
+		min-width: 0;
+		.vs__selected {
+			min-width: 0;
+		}
+	}
 }
 
 .vs__dropdown-menu {