Merge pull request #6413 from nextcloud/fix/enhance_placeholder

fix(placeholder): Show placeholder on empty paragraph, improve wording
nextcloud · Sep 17, 2024 · 85fc0b0 · 85fc0b0
2 parents 4b6a89c + d332a2b
commit 85fc0b0
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
@@ -113,9 +113,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,