From 1ffd728a30888768c1734b8d2478f6d40e0f5c6f Mon Sep 17 00:00:00 2001
From: Maksim Sukharev <antreesy.web@gmail.com>
Date: Thu, 14 Sep 2023 10:56:30 +0200
Subject: [PATCH] fixup! add ParticipantsListVirtual.vue component

Signed-off-by: Maksim Sukharev <antreesy.web@gmail.com>
---
 .../ParticipantsList/Participant/Participant.vue       | 10 ++++++++--
 .../ParticipantsList/ParticipantsListVirtual.vue       |  5 +++--
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/components/RightSidebar/Participants/ParticipantsList/Participant/Participant.vue b/src/components/RightSidebar/Participants/ParticipantsList/Participant/Participant.vue
index 625daf61e552..14bc05eb2d72 100644
--- 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
index 41430b6fc541..0407036366dd 100644
--- 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 -->