ilyakooo0/urbit
1
0
Fork 0
mirror of https://github.com/ilyakooo0/urbit.git synced 2024-09-21 15:38:59 +03:00
Code Issues Packages Projects Releases Wiki Activity

chat-editor: focus on alphanumeric keystroke

Browse Source
This commit is contained in:
Liam Fitzgerald 2021-05-05 13:56:53 +10:00
parent 018a17fc6f
commit 36798b62ee
No known key found for this signature in database
GPG Key ID: D390E12C61D1CFFB
1 changed files with 20 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
pkg/interface/src/views/apps/chat/components/chat-editor.js
View File

@ -108,10 +108,27 @@ export default class ChatEditor extends Component {
message: props.message
};
this.editor = null;
this.onKeyPress = this.onKeyPress.bind(this);
}
componentDidMount() {
document.addEventListener('keydown', this.onKeyPress);
}
componentWillUnmount() {
this.props.onUnmount(this.state.message);
document.removeEventListener('keydown', this.onKeyPress);
}
onKeyPress(e) {
const focusedTag = document.activeElement?.nodeName?.toLowerCase();
const shouldCapture = !(focusedTag === 'textarea' || focusedTag === 'input' || e.metaKey || e.ctrlKey);
if(/^[a-z]|[A-Z]$/.test(e.key) && shouldCapture) {
this.editor.focus();
}
if(e.key === 'Escape') {
this.editor.getInputField().blur();
}
}
componentDidUpdate(prevProps) {
@ -120,9 +137,9 @@ export default class ChatEditor extends Component {
if (prevProps.message !== props.message) {
this.editor.setValue(props.message);
this.editor.setOption('mode', MARKDOWN_CONFIG);
this.editor?.focus();
this.editor.execCommand('goDocEnd');
this.editor?.focus();
//this.editor?.focus();
//this.editor.execCommand('goDocEnd');
//this.editor?.focus();
return;
}
@ -260,7 +277,6 @@ export default class ChatEditor extends Component {
onChange={(e, d, v) => this.messageChange(e, d, v)}
editorDidMount={(editor) => {
this.editor = editor;
editor.focus();
}}
{...props}
/>