From c5fe1d39f09e0123db8ff6c055721450943e95bb Mon Sep 17 00:00:00 2001
From: Ferdinand Thiessen <opensource@fthiessen.de>
Date: Fri, 3 Apr 2026 15:42:03 +0200
Subject: [PATCH] fix(settings): hide list of webauthn devices if empty

- resolves https://github.com/nextcloud/server/issues/59339

If there are no devices the list would be empty.
This is invalid for accessibility, as every list needs at least one
listitem.
Ref: https://www.w3.org/TR/wai-aria-1.2/#mustContain

Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
---
 .../src/components/WebAuthn/Section.vue       | 21 +++++++++++--------
 1 file changed, 12 insertions(+), 9 deletions(-)

diff --git a/apps/settings/src/components/WebAuthn/Section.vue b/apps/settings/src/components/WebAuthn/Section.vue
index 8930e3511e8..078c226fbba 100644
--- a/apps/settings/src/components/WebAuthn/Section.vue
+++ b/apps/settings/src/components/WebAuthn/Section.vue
@@ -9,19 +9,22 @@
 		<p class="settings-hint hidden-when-empty">
 			{{ t('settings', 'Set up your account for passwordless authentication following the FIDO2 standard.') }}
 		</p>
+
 		<NcNoteCard v-if="devices.length === 0" type="info">
 			{{ t('settings', 'No devices configured.') }}
 		</NcNoteCard>
 
-		<h3 v-else id="security-webauthn__active-devices">
-			{{ t('settings', 'The following devices are configured for your account:') }}
-		</h3>
-		<ul aria-labelledby="security-webauthn__active-devices" class="security-webauthn__device-list">
-			<Device v-for="device in sortedDevices"
-				:key="device.id"
-				:name="device.name"
-				@delete="deleteDevice(device.id)" />
-		</ul>
+		<template v-else>
+			<h3 id="security-webauthn__active-devices">
+				{{ t('settings', 'The following devices are configured for your account:') }}
+			</h3>
+			<ul aria-labelledby="security-webauthn__active-devices" class="security-webauthn__device-list">
+				<Device v-for="device in sortedDevices"
+					:key="device.id"
+					:name="device.name"
+					@delete="deleteDevice(device.id)" />
+			</ul>
+		</template>
 
 		<NcNoteCard v-if="!supportsWebauthn" type="warning">
 			{{ t('settings', 'Your browser does not support WebAuthn.') }}