From 06dd02037ca41a1e8c02f75556835f182cd72b46 Mon Sep 17 00:00:00 2001
From: Kian Newman-Hazel <kian@cloudflare.com>
Date: Mon, 2 Dec 2024 16:26:10 +0000
Subject: [PATCH] [Docs Site] Always show text input on feedback prompt

---
 src/components/FeedbackPrompt.astro | 20 ++++++++------------
 1 file changed, 8 insertions(+), 12 deletions(-)

diff --git a/src/components/FeedbackPrompt.astro b/src/components/FeedbackPrompt.astro
index 6ffc2b84ee8fb7e..829f68f83983d32 100644
--- a/src/components/FeedbackPrompt.astro
+++ b/src/components/FeedbackPrompt.astro
@@ -51,8 +51,10 @@ import { AstroIcon } from "~/components";
 					>
 				</div>
 				<div>
-					<input type="radio" id="other" value="other" name="reason" />
-					<label for="other">Other</label>
+					<input type="radio" id="other-yes" value="other" name="reason" />
+					<label for="other-yes">Other</label>
+				</div>
+				<div>
 					<input
 						type="text"
 						placeholder="Tell us more about your experience."
@@ -96,8 +98,10 @@ import { AstroIcon } from "~/components";
 					<label for="missing-the-information">Missing the information</label>
 				</div>
 				<div>
-					<input type="radio" id="other" value="other" name="reason" />
-					<label for="other">Other</label>
+					<input type="radio" id="other-no" value="other" name="reason" />
+					<label for="other-no">Other</label>
+				</div>
+				<div>
 					<input
 						type="text"
 						placeholder="Tell us more about your experience."
@@ -139,14 +143,6 @@ import { AstroIcon } from "~/components";
 		margin-bottom: 0.5rem;
 	}
 
-	#info {
-		display: none;
-	}
-
-	#other:checked ~ #info {
-		display: flex;
-	}
-
 	[data-icon] {
 		cursor: pointer;
 		color: var(--sl-color-gray-3);