From 901518394271c559585632462df75018cd18743d Mon Sep 17 00:00:00 2001
From: Natalie Tay <natalie.tay@discourse.org>
Date: Mon, 22 Nov 2021 10:23:42 +0800
Subject: [PATCH] Always show input when editing text by removing hover
 (#15034)

---
 .../javascripts/discourse/app/components/composer-editor.js   | 2 ++
 app/assets/stylesheets/common/d-editor.scss                   | 4 ++++
 2 files changed, 6 insertions(+)

diff --git a/app/assets/javascripts/discourse/app/components/composer-editor.js b/app/assets/javascripts/discourse/app/components/composer-editor.js
index 548556785fd..317bdd9d0b7 100644
--- a/app/assets/javascripts/discourse/app/components/composer-editor.js
+++ b/app/assets/javascripts/discourse/app/components/composer-editor.js
@@ -688,6 +688,7 @@ export default Component.extend(ComposerUpload, {
 
     imageResize.removeAttribute("hidden");
     readonlyContainer.removeAttribute("hidden");
+    buttonWrapper.removeAttribute("editing");
     editContainer.setAttribute("hidden", "true");
   },
 
@@ -743,6 +744,7 @@ export default Component.extend(ComposerUpload, {
     );
     const editContainerInput = editContainer.querySelector(".alt-text-input");
 
+    buttonWrapper.setAttribute("editing", "true");
     imageResize.setAttribute("hidden", "true");
     readonlyContainer.setAttribute("hidden", "true");
     editContainerInput.value = altText.textContent;
diff --git a/app/assets/stylesheets/common/d-editor.scss b/app/assets/stylesheets/common/d-editor.scss
index 54611375944..f4b0e6e68dd 100644
--- a/app/assets/stylesheets/common/d-editor.scss
+++ b/app/assets/stylesheets/common/d-editor.scss
@@ -195,6 +195,10 @@
     z-index: 1; // needs to be higher than image
     background: var(--secondary); // for when images are wider than controls
 
+    &[editing] {
+      opacity: 1;
+    }
+
     .scale-btn-container,
     .alt-text-readonly-container,
     .alt-text-edit-container {