Fixes UI to hide buttons when only 1 option is displayed

getodk · Jan 28, 2025 · c51f1ac · c51f1ac
1 parent 262b28f
commit c51f1ac
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/packages/web-forms/src/components/controls/RankControl.vue b/packages/web-forms/src/components/controls/RankControl.vue
@@ -132,6 +132,7 @@ const swapItems = (index: number, newPosition: number) => {
 
 			<div class="rank-buttons">
 				<button
+					v-if="options.length > 1"
 					:disabled="index === 0"
 					@click="moveUp(index)"
 					@mousedown="setHighlight(index)"
@@ -142,6 +143,7 @@ const swapItems = (index: number, newPosition: number) => {
 				</button>
 
 				<button
+					v-if="options.length > 1"
 					:disabled="index === options.length - 1"
 					@click="moveDown(index)"
 					@mousedown="setHighlight(index)"