Create fake placeholder

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()));
             }
         }
 

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'],

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">