fix(placeholder): Show placeholder on empty paragraph, improve wording

Fixes: #4619 Signed-off-by: Jonas <jonas@freesources.org>
nextcloud · Sep 18, 2024 · 4fb4162 · 4fb4162
1 parent 15a0d36
commit 4fb4162
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 6 deletions.
diff --git a/src/css/prosemirror.scss b/src/css/prosemirror.scss
@@ -382,12 +382,12 @@ div.ProseMirror {
  display: block;
 }
 
-.editor__content p.is-empty:first-child::before {
+.editor__content p.is-empty::before {
+ color: var(--color-text-maxcontrast);
  content: attr(data-placeholder);
  float: left;
- color: var(--color-text-maxcontrast);
- pointer-events: none;
  height: 0;
+ pointer-events: none;
 }
 
 .editor__content {

diff --git a/src/extensions/RichText.js b/src/extensions/RichText.js
@@ -111,9 +111,7 @@ export default Extension.create({
  LinkBubble,
  this.options.editing
  ? Placeholder.configure({
- emptyNodeClass: 'is-empty',
- placeholder: t('text', 'Add notes, lists or links …'),
- showOnlyWhenEditable: true,
+ placeholder: t('text', 'Start writing, or try \'/\' to add, \'@\' to mention…'),
  })
  : null,
  TrailingNode,