fixed editor keydown propagation outside of form

This commit is contained in:
Gani Georgiev
2026-05-01 18:11:06 +03:00
parent 9205b11dc3
commit 74defc48b9
3 changed files with 7 additions and 7 deletions

View File

File diff suppressed because one or more lines are too long

2
ui/dist/index.html vendored
View File

@@ -13,7 +13,7 @@
<!-- prism -->
<script src="./libs/prism/prism.js" data-manual></script>
<script type="module" crossorigin src="./assets/index-Df_7yJLi.js"></script>
<script type="module" crossorigin src="./assets/index-DKobRcoE.js"></script>
<link rel="modulepreload" crossorigin href="./assets/pocketbase.es-B_4DUNUU.js">
<link rel="stylesheet" crossorigin href="./assets/index-ouas71Vg.css">
</head>

View File

@@ -134,18 +134,18 @@ window.app.components.tinymce = function(propsArg = {}) {
oldChange = null;
}
async function initEditor(el) {
async function initEditor(editorTarget) {
await loadTinyMCE();
destroyEditor();
// removed while loading
if (!el.isConnected) {
if (!editorTarget?.isConnected) {
return;
}
const opts = {
target: el,
target: editorTarget,
content_style: cssVars,
branding: false,
promotion: false,
@@ -254,10 +254,10 @@ window.app.components.tinymce = function(propsArg = {}) {
// propagate save shortcut to the parent
editor.on("keydown", (e) => {
if ((e.ctrlKey || e.metaKey) && e.code == "KeyS" && editor.formElement) {
if ((e.ctrlKey || e.metaKey) && e.code == "KeyS" && editorTarget) {
e.preventDefault();
e.stopPropagation();
editor.formElement.dispatchEvent(new KeyboardEvent("keydown", e));
editorTarget.dispatchEvent(new KeyboardEvent("keydown", e));
}
});