Merge pull request #3833 from nextcloud/fix/ncselect-placeholder

NcSelect: Only hide search input if disabled and an element was selected
nextcloud-libraries · Feb 28, 2023 · ebf538c · ebf538c
2 parents e719139 + c350a66
commit ebf538c
Showing 1 changed file with 6 additions and 5 deletions.
diff --git a/src/components/NcSelect/NcSelect.vue b/src/components/NcSelect/NcSelect.vue
@@ -1008,13 +1008,14 @@ body {
 		}
 	}
 
-	// Hide search from dom if unused to prevent unneeded flex wrap
-	.vs__search[readonly] {
-		position: absolute;
-	}
-	// If search if hidden, ensure that the height of the search is the same
 	.vs__selected-options {
+		// If search is hidden, ensure that the height of the search is the same
 		min-height: 40px; // 36px search height + 4px search margin
+
+		// Hide search from dom if unused to prevent unneeded flex wrap
+		.vs__selected ~ .vs__search[readonly] {
+			position: absolute;
+		}
 	}
 
 	/**