From 9c825aaa2bde8816a481a8e644f6c5b6497d67f9 Mon Sep 17 00:00:00 2001
From: David Wheatley <hi@davwheat.dev>
Date: Thu, 14 Jul 2022 12:02:12 +0100
Subject: [PATCH] fix(a11y): set `aria-busy` when editing a post stream item
 (#3521)

* fix(a11y): add `aria-busy="true"` to posts being edited

* fix(a11y): add `aria-busy="true"` to reply placeholder
---
 framework/core/js/src/forum/components/CommentPost.js      | 2 ++
 framework/core/js/src/forum/components/ReplyPlaceholder.js | 2 +-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/framework/core/js/src/forum/components/CommentPost.js b/framework/core/js/src/forum/components/CommentPost.js
index 8c334d93e..4e0e10a79 100644
--- a/framework/core/js/src/forum/components/CommentPost.js
+++ b/framework/core/js/src/forum/components/CommentPost.js
@@ -107,6 +107,8 @@ export default class CommentPost extends Post {
         editing: this.isEditing(),
       });
 
+    if (this.isEditing()) attrs['aria-busy'] = 'true';
+
     return attrs;
   }
 
diff --git a/framework/core/js/src/forum/components/ReplyPlaceholder.js b/framework/core/js/src/forum/components/ReplyPlaceholder.js
index 2db3ca683..d28929bed 100644
--- a/framework/core/js/src/forum/components/ReplyPlaceholder.js
+++ b/framework/core/js/src/forum/components/ReplyPlaceholder.js
@@ -18,7 +18,7 @@ export default class ReplyPlaceholder extends Component {
   view() {
     if (app.composer.composingReplyTo(this.attrs.discussion)) {
       return (
-        <article className="Post CommentPost editing">
+        <article className="Post CommentPost editing" aria-busy="true">
           <header className="Post-header">
             <div className="PostUser">
               <h3>