@kvass/rich-text 1.4.10 → 1.4.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +7 -7
- package/src/Component.vue +9 -2
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kvass/rich-text",
|
|
3
|
-
"version": "1.4.
|
|
3
|
+
"version": "1.4.11",
|
|
4
4
|
"description": "rich text component for kvass",
|
|
5
5
|
"main": "src/Component.vue",
|
|
6
6
|
"scripts": {
|
|
@@ -34,11 +34,11 @@
|
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
36
|
"@kvass/storage": "^1.1.0",
|
|
37
|
-
"@tiptap/extension-image": "^2.
|
|
38
|
-
"@tiptap/extension-link": "^2.
|
|
39
|
-
"@tiptap/extension-superscript": "^2.2.
|
|
40
|
-
"@tiptap/pm": "^2.
|
|
41
|
-
"@tiptap/starter-kit": "^2.
|
|
42
|
-
"@tiptap/vue-2": "^2.
|
|
37
|
+
"@tiptap/extension-image": "^2.2.2",
|
|
38
|
+
"@tiptap/extension-link": "^2.2.2",
|
|
39
|
+
"@tiptap/extension-superscript": "^2.2.2",
|
|
40
|
+
"@tiptap/pm": "^2.2.2",
|
|
41
|
+
"@tiptap/starter-kit": "^2.2.2",
|
|
42
|
+
"@tiptap/vue-2": "^2.2.2"
|
|
43
43
|
}
|
|
44
44
|
}
|
package/src/Component.vue
CHANGED
|
@@ -200,7 +200,7 @@ export default {
|
|
|
200
200
|
extension: Link,
|
|
201
201
|
appearance: {
|
|
202
202
|
menu: true,
|
|
203
|
-
bubble:
|
|
203
|
+
bubble: true,
|
|
204
204
|
},
|
|
205
205
|
},
|
|
206
206
|
{
|
|
@@ -225,7 +225,7 @@ export default {
|
|
|
225
225
|
extension: CallToAction,
|
|
226
226
|
appearance: {
|
|
227
227
|
menu: true,
|
|
228
|
-
bubble:
|
|
228
|
+
bubble: true,
|
|
229
229
|
},
|
|
230
230
|
},
|
|
231
231
|
]
|
|
@@ -291,6 +291,9 @@ export default {
|
|
|
291
291
|
let html = this.editor.getHTML().replace(/^<p>\s*<\/p>$/, '')
|
|
292
292
|
this.$emit('input', html)
|
|
293
293
|
},
|
|
294
|
+
onSelectionUpdate: ({ editor }) => {
|
|
295
|
+
if (!this.bubbleShouldShow({ editor })) this.bubbleState = null
|
|
296
|
+
},
|
|
294
297
|
})
|
|
295
298
|
},
|
|
296
299
|
beforeDestroy() {
|
|
@@ -316,6 +319,10 @@ export default {
|
|
|
316
319
|
background-color: var(--vue-elder-input-color, #fafafa);
|
|
317
320
|
}
|
|
318
321
|
|
|
322
|
+
.tippy-content > div {
|
|
323
|
+
visibility: visible !important; // Fix for visibility bug
|
|
324
|
+
}
|
|
325
|
+
|
|
319
326
|
&:not(.richtext--disabled):focus-within {
|
|
320
327
|
outline: 1px solid var(--primary);
|
|
321
328
|
border-radius: var(--border-radius, 3px);
|