zio/bsky-app
2
0
Fork 0
Code Pull requests Releases Packages Activity

Fix caret jumps for web composer (#1374)

Browse source 
* Fix caret jumps for web composer

* Autofocus at the end on mount
This commit is contained in:
dan 2023-09-05 08:21:10 +01:00 • committed by GitHub
parent 419ac2d0df
commit 161746519c
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 2 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/view/com/composer/text-input/TextInput.web.tsx
View file

@ -111,10 +111,7 @@ export const TextInput = React.forwardRef(
}, },
}, },
content: textToEditorJson(richtext.text.toString()), content: textToEditorJson(richtext.text.toString()),
onFocus: ({editor: e}) => { autofocus: 'end',
e.chain().focus().setTextSelection(richtext.text.length).run() // focus to the end of the text
},
autofocus: true,
editable: true, editable: true,
injectCSS: true, injectCSS: true,
onUpdate({editor: editorProp}) { onUpdate({editor: editorProp}) {
@ -146,7 +143,7 @@ export const TextInput = React.forwardRef(
const onEmojiInserted = React.useCallback( const onEmojiInserted = React.useCallback(
(emoji: Emoji) => { (emoji: Emoji) => {
editor?.chain().focus('end').insertContent(emoji.native).run() editor?.chain().focus().insertContent(emoji.native).run()
}, },
[editor], [editor],
) )