From 0009357496f903f20050fdb6cb7cbb41d04d03b0 Mon Sep 17 00:00:00 2001
From: Carlos Fernandez <cfern1990@gmail.com>
Date: Thu, 18 Dec 2025 16:05:02 -0500
Subject: [PATCH] Create fake placeholder

---
 module/applications/sheets/api/application-mixin.mjs | 3 +++
 styles/less/global/elements.less                     | 4 ++++
 templates/sheets/actors/adversary/header.hbs         | 2 +-
 3 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/module/applications/sheets/api/application-mixin.mjs b/module/applications/sheets/api/application-mixin.mjs
index 0f3946f7..619305f1 100644
--- a/module/applications/sheets/api/application-mixin.mjs
+++ b/module/applications/sheets/api/application-mixin.mjs
@@ -248,6 +248,9 @@ export default function DHApplicationMixin(Base) {
                 input.addEventListener("keydown", event => {
                     if (event.key === "Enter") input.blur();
                 });
+
+                // Chrome sometimes add <br>, which aren't a problem for the value but are for the placeholder
+                input.addEventListener("input", () => input.querySelectorAll("br").forEach((i) => i.remove()));
             }
         }
 
diff --git a/styles/less/global/elements.less b/styles/less/global/elements.less
index b0589351..e740d917 100755
--- a/styles/less/global/elements.less
+++ b/styles/less/global/elements.less
@@ -46,6 +46,10 @@
 
     .input[contenteditable] {
         cursor: var(--cursor-text);
+        &:empty:before {
+            color: light-dark(@dark-40, @beige-50);
+            content: attr(placeholder);
+        }
     }
 
     input[type='checkbox'],
diff --git a/templates/sheets/actors/adversary/header.hbs b/templates/sheets/actors/adversary/header.hbs
index 81a79c3d..42a673d5 100644
--- a/templates/sheets/actors/adversary/header.hbs
+++ b/templates/sheets/actors/adversary/header.hbs
@@ -1,7 +1,7 @@
 <header class='adversary-header-sheet'>
     <line-div></line-div>
     <div class="name-row">
-        <h1 class='input actor-name' contenteditable="plaintext-only" data-property="name">{{source.name}}</h1>
+        <h1 class='input actor-name' contenteditable="plaintext-only" data-property="name" placeholder="{{localize "DAGGERHEART.GENERAL.actorName"}}">{{source.name}}</h1>
     </div>
     <div class="tags">
         <div class="tag">