From 2aa7987c5eb066060963e077622a92acc3aee211 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Philipp=20Ku=CC=88hn?= <kontakt@philipp-kuehn.com>
Date: Thu, 13 Sep 2018 23:57:55 +0200
Subject: [PATCH] fix placeholder

---
 .../Components/Routes/Placeholder/index.vue   |  8 +++++++-
 .../src/extensions/Placeholder.js             | 19 +++++++++++--------
 2 files changed, 18 insertions(+), 9 deletions(-)

diff --git a/examples/Components/Routes/Placeholder/index.vue b/examples/Components/Routes/Placeholder/index.vue
index 0ab87546..39f55bf9 100644
--- a/examples/Components/Routes/Placeholder/index.vue
+++ b/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',
 				}),
diff --git a/packages/tiptap-extensions/src/extensions/Placeholder.js b/packages/tiptap-extensions/src/extensions/Placeholder.js
index a0a659ff..10f9da09 100644
--- a/packages/tiptap-extensions/src/extensions/Placeholder.js
+++ b/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)
 					},
 				},
 			}),