fixup! add ParticipantsListVirtual.vue component

Signed-off-by: Maksim Sukharev <antreesy.web@gmail.com>
nextcloud · Sep 14, 2023 · 1ffd728 · 1ffd728
1 parent c5b21b3
commit 1ffd728
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 4 deletions.
diff --git a/src/components/RightSidebar/Participants/ParticipantsList/Participant/Participant.vue b/src/components/RightSidebar/Participants/ParticipantsList/Participant/Participant.vue
@@ -20,7 +20,8 @@
 -->
 
 <template>
-	<li :data-nav-id="participantNavigationId"
+	<component :is="tag"
+		:data-nav-id="participantNavigationId"
 		class="participant-row"
 		:class="{
 			'offline': isOffline,
@@ -201,7 +202,7 @@
 			@close="hidePermissionsEditor" />
 		<!-- Checkmark in case the current participant is selected -->
 		<div v-if="isSelected" class="icon-checkmark participant-row__utils utils__checkmark" />
-	</li>
+	</component>
 </template>
 
 <script>
@@ -275,6 +276,11 @@ export default {
 	],
 
 	props: {
+		tag: {
+			type: String,
+			default: 'li',
+		},
+
 		participant: {
 			type: Object,
 			required: true,

diff --git a/src/components/RightSidebar/Participants/ParticipantsList/ParticipantsListVirtual.vue b/src/components/RightSidebar/Participants/ParticipantsList/ParticipantsListVirtual.vue
@@ -21,12 +21,13 @@
 
 <template>
 	<RecycleScroller ref="scroller"
-		item-tag="ul"
+		list-tag="ul"
+		item-tag="li"
 		:items="participants"
 		:item-size="PARTICIPANT_ITEM_SIZE"
 		key-field="attendeeId">
 		<template #default="{ item }">
-			<Participant :participant="item" />
+			<Participant :participant="item" tag="div" />
 		</template>
 		<template v-if="loading" #after>
 			<!-- FIXME temporary placeholder until #10489 -->