Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-04-15 03:01:37 -05:00
Code Issues Activity

Updated edit form to set selection to end

Browse source
This commit is contained in:
Simon Backx 2022-07-08 12:34:53 +02:00
parent 714ef334a0
commit 2837f67f97
1 changed files with 25 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
apps/comments-ui/src/components/Form.js
View file

@ -1,4 +1,4 @@
import React, {useContext} from 'react';
import React, {useContext, useEffect} from 'react';
import {Transition} from '@headlessui/react';
import AppContext from '../AppContext';
import Avatar from './Avatar';
@ -17,7 +17,7 @@ const Form = (props) => {
} else if (props.isEdit) {
config = {
placeholder: 'Edit this comment',
autofocus: true,
autofocus: false, // don't use autofocus, because else the useEffect thing won't work
content: props.comment.html
};
} else {
@ -31,6 +31,29 @@ const Form = (props) => {
...getEditorConfig(config)
});
useEffect(() => {
if (!editor) {
return;
}
// Focus editor + jump to end
if (!props.isEdit) {
return;
}
// jump to end
editor
.chain()
.focus()
.command(({tr, commands}) => {
return commands.setTextSelection({
from: tr.doc.content.size,
to: tr.doc.content.size
});
})
.run();
}, [editor]);
const focused = editor?.isFocused || !editor?.isEmpty;
const submitForm = async (event) => {