(fix) room footer elements position

Author: antoine92190

src/lib/Room/Room.vue

@@ -127,6 +127,16 @@
 			ref="roomFooter"
 			class="vac-room-footer"
 		>
+			<room-emojis
+				:filtered-emojis="filteredEmojis"
+				@select-emoji="selectEmoji($event)"
+			/>
+
+			<room-users-tag
+				:filtered-users-tag="filteredUsersTag"
+				@select-user-tag="selectUserTag($event)"
+			/>
+
 			<room-message-reply
 				:room="room"
 				:message-reply="messageReply"
@@ -149,16 +159,6 @@
 				</template>
 			</room-files>
 
-			<room-emojis
-				:filtered-emojis="filteredEmojis"
-				@select-emoji="selectEmoji($event)"
-			/>
-
-			<room-users-tag
-				:filtered-users-tag="filteredUsersTag"
-				@select-user-tag="selectUserTag($event)"
-			/>
-
 			<div
 				class="vac-box-footer"
 				:class="{

src/lib/Room/RoomEmojis/RoomEmojis.scss

@@ -1,5 +1,4 @@
 .vac-emojis-container {
-	position: absolute;
 	width: calc(100% - 16px);
 	padding: 10px 8px;
 	background: var(--chat-footer-bg-color);

src/lib/Room/RoomMessageReply/RoomMessageReply.scss

@@ -1,5 +1,4 @@
 .vac-reply-container {
-	position: absolute;
 	display: flex;
 	padding: 10px 10px 0 10px;
 	background: var(--chat-footer-bg-color);

src/lib/Room/RoomUsersTag/RoomUsersTag.scss

@@ -1,5 +1,4 @@
 .vac-tags-container {
-	position: absolute;
 	display: flex;
 	flex-direction: column;
 	align-items: center;