fix placeholder

examples/Components/Routes/Placeholder/index.vue

@@ -8,7 +8,11 @@
 
 <script>
 import { Editor } from 'tiptap'
-import { PlaceholderExtension } from 'tiptap-extensions'
+import {
+	BulletListNode,
+	ListItemNode,
+	PlaceholderExtension,
+} from 'tiptap-extensions'
 
 export default {
 	components: {
@@ -17,6 +21,8 @@ export default {
 	data() {
 		return {
 			extensions: [
+				new BulletListNode(),
+				new ListItemNode(),
 				new PlaceholderExtension({
 					emptyNodeClass: 'is-empty',
 				}),

packages/tiptap-extensions/src/extensions/Placeholder.js

@@ -17,19 +17,22 @@ export default class PlaceholderExtension extends Extension {
 		return [
 			new Plugin({
 				props: {
-					decorations: state => {
+					decorations: ({ doc }) => {
 						const decorations = []
+						const completelyEmpty = doc.textContent === '' && doc.childCount <= 1 && doc.content.size <= 2
 
-						state.doc.descendants((node, pos) => {
-							if (node.type.isBlock && node.childCount === 0) {
-								const decoration = Decoration.node(pos, pos + node.nodeSize, {
-									class: this.options.emptyNodeClass,
-								})
-								decorations.push(decoration)
+						doc.descendants((node, pos) => {
+							if (!completelyEmpty) {
+								return
 							}
+
+							const decoration = Decoration.node(pos, pos + node.nodeSize, {
+								class: this.options.emptyNodeClass,
+							})
+							decorations.push(decoration)
 						})
 
-						return DecorationSet.create(state.doc, decorations)
+						return DecorationSet.create(doc, decorations)
 					},
 				},
 			}),