starred/BookStack
1
0
Fork 0
mirror of https://github.com/BookStackApp/BookStack.git synced 2026-07-15 21:31:36 +03:00
Code Issues 784 Packages Projects Releases 25 Wiki Activity

Lexical: Updated toolbars to re-focus on editor on escape press

Browse Source
This commit is contained in:
Dan Brown
2026-05-10 17:28:21 +01:00
parent 6367f007c1
commit 2aba39b176
2 changed files with 13 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
resources/js/wysiwyg/ui/framework/core.ts
View File

@@ -30,7 +30,7 @@ export function isUiBuilderDefinition(object: any): object is EditorUiBuilderDef
export abstract class EditorUiElement {
protected dom: HTMLElement|null = null;
private context: EditorUiContext|null = null;
private abortController: AbortController = new AbortController();
protected abortController: AbortController = new AbortController();
protected abstract buildDOM(): HTMLElement;

13
resources/js/wysiwyg/ui/framework/toolbars.ts
View File

@@ -18,9 +18,20 @@ export class EditorContextToolbar extends EditorContainerUiElement {
}
protected buildDOM(): HTMLElement {
return el('div', {
const toolbar = el('div', {
class: 'editor-context-toolbar',
}, this.getChildren().map(child => child.getDOMElement()));
// Focus back on the editor on escape press
toolbar.addEventListener('keydown', (event: KeyboardEvent) => {
if (event.key === 'Escape') {
event.preventDefault();
event.stopPropagation();
this.getContext().editor.focus();
}
}, {signal: this.abortController.signal});
return toolbar;
}
/**