From 542c2586f18eec16a12d9112ba293dc8a4e70500 Mon Sep 17 00:00:00 2001
From: nexy7574 <git@nexy7574.co.uk>
Date: Tue, 8 Apr 2025 19:01:39 +0100
Subject: [PATCH] Use input instead of textarea

---
 web/src/ui/roomview/RoomPreview.css | 12 ++++++++++++
 web/src/ui/roomview/RoomPreview.tsx |  7 ++++---
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/web/src/ui/roomview/RoomPreview.css b/web/src/ui/roomview/RoomPreview.css
index 34ecbeb..ec58a3b 100644
--- a/web/src/ui/roomview/RoomPreview.css
+++ b/web/src/ui/roomview/RoomPreview.css
@@ -76,4 +76,16 @@ div.room-view.preview > div.preview-inner {
 			}
 		}
 	}
+	> .knock-input {
+		width: 100%;
+		display: flex;
+		flex: 1;
+		> input {
+			padding: 0.25rem;
+			margin: 0;
+			outline: none;
+			border-radius: .25rem;
+			border: 1px solid var(--border-color);
+		}
+	}
 }
diff --git a/web/src/ui/roomview/RoomPreview.tsx b/web/src/ui/roomview/RoomPreview.tsx
index 0f0e0a7..0fee657 100644
--- a/web/src/ui/roomview/RoomPreview.tsx
+++ b/web/src/ui/roomview/RoomPreview.tsx
@@ -181,10 +181,11 @@ const RoomPreview = ({ roomID, via, alias, invite }: RoomPreviewProps) => {
 			</details>}
 			{invite?.invited_by && <MutualRooms client={client} userID={invite.invited_by}/>}
 			{requiresKnock && <div className="knock-input">
-				<textarea
+				<input
 					onChange={event => setKnockRequest(event.currentTarget.value)}
-					placeholder="Why do you want to join this room?">
-				</textarea>
+					placeholder="Why do you want to join this room?"
+					value={knockRequest ?? ""}
+				/>
 			</div>}
 			<div className="buttons">
 				{invite && <button