From 7afd1b309c21f7e23fc2b1f83246287ca5e8015e Mon Sep 17 00:00:00 2001
From: KooShnoo <ishan.kpv@gmail.com>
Date: Tue, 6 Jan 2026 18:00:58 -0800
Subject: [PATCH 1/2] AO3-6869 Fix extra space in abuse form

likely a webkit bug
---
 app/views/abuse_reports/new.html.erb | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/app/views/abuse_reports/new.html.erb b/app/views/abuse_reports/new.html.erb
index 2729d5631ca..a2b38c0929f 100644
--- a/app/views/abuse_reports/new.html.erb
+++ b/app/views/abuse_reports/new.html.erb
@@ -103,6 +103,7 @@
       <dt class="required"><%= f.label :url, t(".form.link.label") %></dt>
       <dd class="required">
         <%= f.text_field :url, size: 60, "aria-describedby" => "url-field-description" %>
+        <div></div> <%# Workaround for AO3-6869 -- WebKit bug %>
         <%= live_validation_for_field("abuse_report_url",
                                       failureMessage: t(".form.link.error")) %>
         <p class="footnote" id="url-field-description">
@@ -115,6 +116,7 @@
       </dt>
       <dd class="required">
         <%= f.text_field :summary, class: "observe_textlength", "aria-describedby" => "summary-field-description" %>
+        <div></div> <%# Workaround for AO3-6869 -- WebKit bug %>
         <p class="footnote" id="summary-field-description">
           <%= t(".form.summary.description") %>
         </p>

From 16162b90423e5755004861a864e9d04fc4d75fa1 Mon Sep 17 00:00:00 2001
From: KooShnoo <ishan.kpv@gmail.com>
Date: Thu, 8 Jan 2026 10:39:03 -0800
Subject: [PATCH 2/2] use a css workaround instead

---
 app/views/abuse_reports/new.html.erb | 2 --
 public/stylesheets/sandbox.css       | 7 +++++++
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/app/views/abuse_reports/new.html.erb b/app/views/abuse_reports/new.html.erb
index a2b38c0929f..2729d5631ca 100644
--- a/app/views/abuse_reports/new.html.erb
+++ b/app/views/abuse_reports/new.html.erb
@@ -103,7 +103,6 @@
       <dt class="required"><%= f.label :url, t(".form.link.label") %></dt>
       <dd class="required">
         <%= f.text_field :url, size: 60, "aria-describedby" => "url-field-description" %>
-        <div></div> <%# Workaround for AO3-6869 -- WebKit bug %>
         <%= live_validation_for_field("abuse_report_url",
                                       failureMessage: t(".form.link.error")) %>
         <p class="footnote" id="url-field-description">
@@ -116,7 +115,6 @@
       </dt>
       <dd class="required">
         <%= f.text_field :summary, class: "observe_textlength", "aria-describedby" => "summary-field-description" %>
-        <div></div> <%# Workaround for AO3-6869 -- WebKit bug %>
         <p class="footnote" id="summary-field-description">
           <%= t(".form.summary.description") %>
         </p>
diff --git a/public/stylesheets/sandbox.css b/public/stylesheets/sandbox.css
index af8d0483191..60b9d1b7504 100644
--- a/public/stylesheets/sandbox.css
+++ b/public/stylesheets/sandbox.css
@@ -18,6 +18,13 @@ background:purple; color:#555;}
 0.875em/1.286 line height = 14px with 18px leading
 0.643em  = 9px, so {margin: 0.643em auto;} gives you a single blank line between block elements */
 
+/* AO3-6869 -- Workaround for a layout bug in WebKit, triggered by `float` and LiveValidation's placeholder span */
+form#new_abuse_report .footnote {
+  float: none;
+  margin-right: 0;
+  width: fit-content;
+}
+
 /* styling for AO3-3359 to remove top padding from the new button
 and preserve the balance/symmetry of the page */
 #new_work_search fieldset:first-of-type .submit {