From aa33cfd1f84415ade152a7b8657d2981769400e3 Mon Sep 17 00:00:00 2001
From: Sami Mazouz <sychocouldy@gmail.com>
Date: Sun, 16 Apr 2023 21:13:32 +0100
Subject: [PATCH] fix(a11y): reply placeholder not accessible (#3793)

Signed-off-by: Sami Mazouz <sychocouldy@gmail.com>
---
 .../core/js/src/forum/components/ReplyPlaceholder.js      | 8 ++++----
 framework/core/less/forum/Post.less                       | 3 +++
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/framework/core/js/src/forum/components/ReplyPlaceholder.js b/framework/core/js/src/forum/components/ReplyPlaceholder.js
index 2e9ff9208..469be0b83 100644
--- a/framework/core/js/src/forum/components/ReplyPlaceholder.js
+++ b/framework/core/js/src/forum/components/ReplyPlaceholder.js
@@ -38,11 +38,11 @@ export default class ReplyPlaceholder extends Component {
     };
 
     return (
-      <article className="Post ReplyPlaceholder" onclick={reply}>
-        <header className="Post-header">
+      <button className="Post ReplyPlaceholder" onclick={reply}>
+        <span className="Post-header">
           {avatar(app.session.user, { className: 'PostUser-avatar' })} {app.translator.trans('core.forum.post_stream.reply_placeholder')}
-        </header>
-      </article>
+        </span>
+      </button>
     );
   }
 
diff --git a/framework/core/less/forum/Post.less b/framework/core/less/forum/Post.less
index 061c2107a..22b34c3a8 100644
--- a/framework/core/less/forum/Post.less
+++ b/framework/core/less/forum/Post.less
@@ -437,6 +437,9 @@
   border: 2px dashed var(--control-bg);
   color: var(--muted-color);
   border-radius: 10px;
+  background-color: transparent;
+  width: 100%;
+  display: flex;
 
   .Post-header {
     margin: 0;