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,
Placeholder.configure({
placeholder: () => {
placeholder: ({editor}) => {
if (!isEditEnabled) {
return ''
}
if (placeholder !== '') {
return placeholder
if (editor.getText() !== '' && !editor.isFocused) {
return ''
}
return t('input.editor.placeholder')
return placeholder !== ''
? placeholder
: t('input.editor.placeholder')
},
}),
Typography,
@ -499,16 +501,9 @@ function setFocusToEditor(event) {
&:focus-within, &:focus {
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 {
display: none;
content: attr(data-placeholder);
color: var(--grey-400);
pointer-events: none;