ami/tl-vikunja
1
0
Fork 0
Code

fix(editor): placeholder showing or not showing

Browse Source
This commit is contained in:
kolaente 2023-10-22 11:00:42 +02:00
parent 2f3196ef86
commit c61f1a45fb
No known key found for this signature in database
GPG Key ID: F40E70337AB24C9B
1 changed files with 6 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/input/editor/TipTap.vue
View File

@ -319,16 +319,18 @@ const editor = useEditor({
Text, Text,
Placeholder.configure({ Placeholder.configure({
placeholder: () => { placeholder: ({editor}) => {
if (!isEditEnabled) { if (!isEditEnabled) {
return '' return ''
} }
if (placeholder !== '') { if (editor.getText() !== '' && !editor.isFocused) {
return placeholder return ''
} }
return t('input.editor.placeholder') return placeholder !== ''
? placeholder
: t('input.editor.placeholder')
}, },
}), }),
Typography, Typography,
@ -499,16 +501,9 @@ function setFocusToEditor(event) {
&:focus-within, &:focus { &:focus-within, &:focus {
box-shadow: 0 0 0 2px hsla(var(--primary-hsl), 0.5); box-shadow: 0 0 0 2px hsla(var(--primary-hsl), 0.5);
} }
&:focus-within, &:focus, &.tiptap__editor-is-empty {
.tiptap p.is-empty::before {
display: block;
}
}
} }
.tiptap p.is-empty::before { .tiptap p.is-empty::before {
display: none;
content: attr(data-placeholder); content: attr(data-placeholder);
color: var(--grey-400); color: var(--grey-400);
pointer-events: none; pointer-events: none;