@jackuait/blok 0.10.4 → 0.10.5

package/src/components/i18n/locales/ug/messages.json

@@ -25,8 +25,8 @@
   "tools.marker.textColor": "تېكىست",
   "tools.marker.background": "تەگلىك",
   "tools.marker.default": "سۈكۈتتىكى",
-  "tools.colorPicker.defaultSwatchLabel": "{default} {mode}",
-  "tools.colorPicker.colorSwatchLabel": "{color} {mode}",
+  "tools.colorPicker.defaultSwatchLabel": "{mode} {default}",
+  "tools.colorPicker.colorSwatchLabel": "{mode} {color}",
   "tools.colorPicker.color.gray": "كۈلرەڭ",
   "tools.colorPicker.color.brown": "قوڭۇر",
   "tools.colorPicker.color.orange": "تۈختۈرەڭ",
@@ -73,6 +73,9 @@
   "tools.table.clickToAddColumn": "يېڭى ئىستون قوشۇش ئۈچۈن چېكىڭ",
   "tools.table.dragToAddRemoveColumns": "ئىستون قوشۇش ياكى ئۆچۈرۈش ئۈچۈن سۆرەڭ",
   "blockSettings.delete": "ئۆچۈرۈش",
+  "blockSettings.copyLink": "بۆلەككە ئۇلانما كۆچۈرۈش",
+  "blockSettings.lastEdited": "ئاخىرقى تەھرىرلەش",
+  "blockSettings.lastEditedBy": "{name} ئاخىرقى تەھرىرلىگەن",
   "a11y.dragHandle": "بۆلەكنى يۆتكەش ئۈچۈن سۆرەڭ ياكى تىزىملىك ئۈچۈن چېكىڭ",
   "a11y.dragHandleRole": "سۆرەش تۇتقۇچى",
   "a11y.dragStarted": "بۆلەك سۆرىلىۋاتىدۇ",
@@ -151,8 +154,8 @@
   "tools.database.cardTitlePlaceholder": "بوش بەت",
   "tools.database.columnTitlePlaceholder": "ئىستون",
   "tools.database.deleteCard": "كارتىنى ئۆچۈرۈش",
-  "tools.database.editCardTitle": "Edit title",
-  "tools.database.cardMenuLabel": "Card options",
+  "tools.database.editCardTitle": "ماۋزۇنى تەھرىرلەش",
+  "tools.database.cardMenuLabel": "كارتا تاللانمىلىرى",
   "tools.database.deleteColumn": "ئىستوننى ئۆچۈرۈش",
   "tools.database.emptyColumn": "كارتا يوق",
   "tools.database.rowTitlePlaceholder": "بوش بەت",
@@ -202,5 +205,5 @@
   "searchTerms.code": "كود",
   "searchTerms.snippet": "پارچە",
   "searchTerms.program": "پروگرامما",
-  "searchTerms.pre": "pre"
+  "searchTerms.pre": "فورماتلانغان"
 }

package/src/components/i18n/locales/uk/messages.json

@@ -26,7 +26,7 @@
   "tools.marker.background": "Тло",
   "tools.marker.default": "за замовчуванням",
   "tools.colorPicker.defaultSwatchLabel": "{mode} {default}",
-  "tools.colorPicker.colorSwatchLabel": "{color} {mode}",
+  "tools.colorPicker.colorSwatchLabel": "{mode} {color}",
   "tools.colorPicker.color.gray": "Сірий",
   "tools.colorPicker.color.brown": "Коричневий",
   "tools.colorPicker.color.orange": "Помаранчевий",
@@ -50,6 +50,9 @@
   "tools.header.toggleHeading3": "Згортний заголовок 3",
   "tools.list.placeholder": "Список",
   "blockSettings.delete": "Видалити",
+  "blockSettings.copyLink": "Копіювати посилання на блок",
+  "blockSettings.lastEdited": "Останнє редагування",
+  "blockSettings.lastEditedBy": "Останнє редагування: {name}",
   "a11y.dragHandle": "Перетягніть або натисніть для меню",
   "a11y.dragHandleRole": "елемент керування блоком",
   "a11y.dragStarted": "Переміщення блока",
@@ -151,8 +154,8 @@
   "tools.database.cardTitlePlaceholder": "Порожня сторінка",
   "tools.database.columnTitlePlaceholder": "Стовпець",
   "tools.database.deleteCard": "Видалити картку",
-  "tools.database.editCardTitle": "Edit title",
-  "tools.database.cardMenuLabel": "Card options",
+  "tools.database.editCardTitle": "Редагувати заголовок",
+  "tools.database.cardMenuLabel": "Параметри картки",
   "tools.database.deleteColumn": "Видалити стовпець",
   "tools.database.emptyColumn": "Немає карток",
   "tools.database.rowTitlePlaceholder": "Порожня сторінка",
@@ -202,5 +205,5 @@
   "searchTerms.code": "код",
   "searchTerms.snippet": "фрагмент",
   "searchTerms.program": "програма",
-  "searchTerms.pre": "pre"
+  "searchTerms.pre": "форматований"
 }

package/src/components/i18n/locales/ur/messages.json

@@ -25,8 +25,8 @@
   "tools.marker.textColor": "متن",
   "tools.marker.background": "پس منظر",
   "tools.marker.default": "طے شدہ",
-  "tools.colorPicker.defaultSwatchLabel": "{default} {mode}",
-  "tools.colorPicker.colorSwatchLabel": "{color} {mode}",
+  "tools.colorPicker.defaultSwatchLabel": "{mode} {default}",
+  "tools.colorPicker.colorSwatchLabel": "{mode} {color}",
   "tools.colorPicker.color.gray": "سرمئی",
   "tools.colorPicker.color.brown": "بھورا",
   "tools.colorPicker.color.orange": "نارنجی",
@@ -50,6 +50,9 @@
   "tools.header.toggleHeading3": "ٹوگل عنوان 3",
   "tools.list.placeholder": "فہرست",
   "blockSettings.delete": "حذف کریں",
+  "blockSettings.copyLink": "بلاک کا لنک کاپی کریں",
+  "blockSettings.lastEdited": "آخری ترمیم",
+  "blockSettings.lastEditedBy": "{name} نے آخری ترمیم کی",
   "a11y.dragHandle": "بلاک منتقل کرنے کے لیے گھسیٹیں یا مینو کے لیے کلک کریں",
   "a11y.dragHandleRole": "گھسیٹنے کا ہینڈل",
   "a11y.dragStarted": "بلاک گھسیٹا جا رہا ہے",
@@ -151,8 +154,8 @@
   "tools.database.cardTitlePlaceholder": "خالی صفحہ",
   "tools.database.columnTitlePlaceholder": "کالم",
   "tools.database.deleteCard": "کارڈ حذف کریں",
-  "tools.database.editCardTitle": "Edit title",
-  "tools.database.cardMenuLabel": "Card options",
+  "tools.database.editCardTitle": "عنوان ترمیم کریں",
+  "tools.database.cardMenuLabel": "کارڈ کے اختیارات",
   "tools.database.deleteColumn": "کالم حذف کریں",
   "tools.database.emptyColumn": "کوئی کارڈ نہیں",
   "tools.database.rowTitlePlaceholder": "خالی صفحہ",
@@ -202,5 +205,5 @@
   "searchTerms.code": "کوڈ",
   "searchTerms.snippet": "ٹکڑا",
   "searchTerms.program": "پروگرام",
-  "searchTerms.pre": "pre"
+  "searchTerms.pre": "فارمیٹ شدہ"
 }

package/src/components/i18n/locales/vi/messages.json

@@ -73,6 +73,9 @@
   "tools.table.clickToAddColumn": "Nhấp để thêm cột mới",
   "tools.table.dragToAddRemoveColumns": "Kéo để thêm hoặc xóa cột",
   "blockSettings.delete": "Xóa",
+  "blockSettings.copyLink": "Sao chép liên kết đến khối",
+  "blockSettings.lastEdited": "Chỉnh sửa lần cuối",
+  "blockSettings.lastEditedBy": "Chỉnh sửa lần cuối bởi {name}",
   "a11y.dragHandle": "Kéo để di chuyển khối hoặc nhấp để mở menu",
   "a11y.dragHandleRole": "tay nắm kéo",
   "a11y.dragStarted": "Đang kéo khối",
@@ -151,8 +154,8 @@
   "tools.database.cardTitlePlaceholder": "Trang trống",
   "tools.database.columnTitlePlaceholder": "Cột",
   "tools.database.deleteCard": "Xóa thẻ",
-  "tools.database.editCardTitle": "Edit title",
-  "tools.database.cardMenuLabel": "Card options",
+  "tools.database.editCardTitle": "Chỉnh sửa tiêu đề",
+  "tools.database.cardMenuLabel": "Tùy chọn thẻ",
   "tools.database.deleteColumn": "Xóa cột",
   "tools.database.emptyColumn": "Không có thẻ",
   "tools.database.rowTitlePlaceholder": "Trang trống",
@@ -202,5 +205,5 @@
   "searchTerms.code": "mã",
   "searchTerms.snippet": "đoạn mã",
   "searchTerms.program": "chương trình",
-  "searchTerms.pre": "pre"
+  "searchTerms.pre": "định dạng"
 }

package/src/components/i18n/locales/yi/messages.json

@@ -25,8 +25,8 @@
   "tools.marker.textColor": "טעקסט",
   "tools.marker.background": "הינטערגרונט",
   "tools.marker.default": "שטאַנדאַרד",
-  "tools.colorPicker.defaultSwatchLabel": "{default} {mode}",
-  "tools.colorPicker.colorSwatchLabel": "{color} {mode}",
+  "tools.colorPicker.defaultSwatchLabel": "{mode} {default}",
+  "tools.colorPicker.colorSwatchLabel": "{mode} {color}",
   "tools.colorPicker.color.gray": "גרוי",
   "tools.colorPicker.color.brown": "ברוין",
   "tools.colorPicker.color.orange": "אָראַנזש",
@@ -73,6 +73,9 @@
   "tools.table.clickToAddColumn": "קליק צו צולייגן אַ נײַע שפּאַלט",
   "tools.table.dragToAddRemoveColumns": "שלעפּ צו צולייגן אָדער אויסמעקן שפּאַלטן",
   "blockSettings.delete": "אויסמעקן",
+  "blockSettings.copyLink": "קאָפּירן לינק צום בלאָק",
+  "blockSettings.lastEdited": "לעצט רעדאַקטירט",
+  "blockSettings.lastEditedBy": "לעצט רעדאַקטירט דורך {name}",
   "a11y.dragHandle": "שלעפּ צו באַוועגן בלאָק אָדער קליק פֿאַר מעניו",
   "a11y.dragHandleRole": "שלעפּ האַנטל",
   "a11y.dragStarted": "שלעפּט בלאָק",
@@ -151,8 +154,8 @@
   "tools.database.cardTitlePlaceholder": "ליידיק בלאַט",
   "tools.database.columnTitlePlaceholder": "שפּאַלט",
   "tools.database.deleteCard": "אויסמעקן קאַרטל",
-  "tools.database.editCardTitle": "Edit title",
-  "tools.database.cardMenuLabel": "Card options",
+  "tools.database.editCardTitle": "רעדאַקטירן טיטל",
+  "tools.database.cardMenuLabel": "קאַרטל אָפּציעס",
   "tools.database.deleteColumn": "אויסמעקן שפּאַלט",
   "tools.database.emptyColumn": "קיין קארטן",
   "tools.database.rowTitlePlaceholder": "ליידיק בלאַט",
@@ -202,5 +205,5 @@
   "searchTerms.code": "קאָד",
   "searchTerms.snippet": "שניצל",
   "searchTerms.program": "פּראָגראַם",
-  "searchTerms.pre": "pre"
+  "searchTerms.pre": "פֿאָרמאַטירט"
 }

package/src/components/i18n/locales/zh/messages.json

@@ -25,8 +25,8 @@
   "tools.marker.textColor": "文字",
   "tools.marker.background": "背景",
   "tools.marker.default": "默认",
-  "tools.colorPicker.defaultSwatchLabel": "{default} {mode}",
-  "tools.colorPicker.colorSwatchLabel": "{color} {mode}",
+  "tools.colorPicker.defaultSwatchLabel": "{mode} {default}",
+  "tools.colorPicker.colorSwatchLabel": "{mode} {color}",
   "tools.colorPicker.color.gray": "灰色",
   "tools.colorPicker.color.brown": "棕色",
   "tools.colorPicker.color.orange": "橙色",
@@ -55,6 +55,9 @@
   "tools.toggle.ariaLabelCollapse": "折叠",
   "tools.toggle.ariaLabelExpand": "展开",
   "blockSettings.delete": "删除",
+  "blockSettings.copyLink": "复制块链接",
+  "blockSettings.lastEdited": "上次编辑",
+  "blockSettings.lastEditedBy": "{name} 上次编辑",
   "a11y.dragHandle": "拖动移动或点击打开菜单",
   "a11y.dragHandleRole": "拖动控件",
   "a11y.dragStarted": "正在拖动内容块",
@@ -151,8 +154,8 @@
   "tools.database.cardTitlePlaceholder": "空白页面",
   "tools.database.columnTitlePlaceholder": "列",
   "tools.database.deleteCard": "删除卡片",
-  "tools.database.editCardTitle": "Edit title",
-  "tools.database.cardMenuLabel": "Card options",
+  "tools.database.editCardTitle": "编辑标题",
+  "tools.database.cardMenuLabel": "卡片选项",
   "tools.database.deleteColumn": "删除列",
   "tools.database.emptyColumn": "没有卡片",
   "tools.database.rowTitlePlaceholder": "空白页面",
@@ -202,5 +205,5 @@
   "searchTerms.code": "代码",
   "searchTerms.snippet": "片段",
   "searchTerms.program": "程序",
-  "searchTerms.pre": "pre"
+  "searchTerms.pre": "预格式化"
 }

package/src/components/inline-tools/inline-tool-code.ts

@@ -208,27 +208,8 @@ export class CodeInlineTool implements InlineTool {
         continue;
       }
 
-      const keepTrailing = node.textContent.endsWith('\u00A0') && this.isEffectivelyLastChild(node);
-
       node.textContent = node.textContent.replace(/\u00A0/g, ' ');
-
-      if (keepTrailing) {
-        node.textContent = node.textContent.slice(0, -1) + '\u00A0';
-      }
-    }
-  }
-
-  /**
-   * Check whether all siblings after a node are empty
-   */
-  private isEffectivelyLastChild(node: Node): boolean {
-    const next = node.nextSibling;
-
-    if (!next) {
-      return true;
     }
-
-    return (next.textContent ?? '').length === 0 && this.isEffectivelyLastChild(next);
   }
 
   /**

package/src/components/inline-tools/inline-tool-italic.ts

@@ -196,7 +196,9 @@ export class ItalicInlineTool implements InlineTool {
   }
 
   /**
-   * Replace non-breaking spaces (\u00A0) with regular spaces in all text nodes of an element
+   * Replace non-breaking spaces (\u00A0) with regular spaces in all text nodes of an element.
+   * The browser's contenteditable engine will re-insert nbsp where needed for rendering
+   * (e.g. trailing spaces, consecutive spaces) on the next input event.
    * @param element - The element to normalize
    */
   private normalizeNbspInElement(element: HTMLElement): void {
@@ -212,27 +214,8 @@ export class ItalicInlineTool implements InlineTool {
         continue;
       }
 
-      const keepTrailing = node.textContent.endsWith('\u00A0') && this.isEffectivelyLastChild(node);
-
       node.textContent = node.textContent.replace(/\u00A0/g, ' ');
-
-      if (keepTrailing) {
-        node.textContent = node.textContent.slice(0, -1) + '\u00A0';
-      }
-    }
-  }
-
-  /**
-   * Check whether all siblings after a node are empty
-   */
-  private isEffectivelyLastChild(node: Node): boolean {
-    const next = node.nextSibling;
-
-    if (!next) {
-      return true;
     }
-
-    return (next.textContent ?? '').length === 0 && this.isEffectivelyLastChild(next);
   }
 
   /**

package/src/components/inline-tools/inline-tool-strikethrough.ts

@@ -209,27 +209,8 @@ export class StrikethroughInlineTool implements InlineTool {
         continue;
       }
 
-      const keepTrailing = node.textContent.endsWith('\u00A0') && this.isEffectivelyLastChild(node);
-
       node.textContent = node.textContent.replace(/\u00A0/g, ' ');
-
-      if (keepTrailing) {
-        node.textContent = node.textContent.slice(0, -1) + '\u00A0';
-      }
-    }
-  }
-
-  /**
-   * Check whether all siblings after a node are empty
-   */
-  private isEffectivelyLastChild(node: Node): boolean {
-    const next = node.nextSibling;
-
-    if (!next) {
-      return true;
     }
-
-    return (next.textContent ?? '').length === 0 && this.isEffectivelyLastChild(next);
   }
 
   /**

package/src/components/inline-tools/inline-tool-underline.ts

@@ -209,27 +209,8 @@ export class UnderlineInlineTool implements InlineTool {
         continue;
       }
 
-      const keepTrailing = node.textContent.endsWith('\u00A0') && this.isEffectivelyLastChild(node);
-
       node.textContent = node.textContent.replace(/\u00A0/g, ' ');
-
-      if (keepTrailing) {
-        node.textContent = node.textContent.slice(0, -1) + '\u00A0';
-      }
-    }
-  }
-
-  /**
-   * Check whether all siblings after a node are empty
-   */
-  private isEffectivelyLastChild(node: Node): boolean {
-    const next = node.nextSibling;
-
-    if (!next) {
-      return true;
     }
-
-    return (next.textContent ?? '').length === 0 && this.isEffectivelyLastChild(next);
   }
 
   /**

package/src/components/inline-tools/services/bold-normalization-pass.ts

@@ -202,9 +202,6 @@ export class BoldNormalizationPass {
 
   /**
    * Replace non-breaking spaces with regular spaces in a text node.
-   * Preserves a trailing \u00A0 when the text node is the last child of its
-   * parent, because converting it to a regular space (char 32) would make it
-   * invisible under CSS white-space:normal.
    * @param textNode - The text node to process
    */
   private replaceNbspInTextNode(textNode: Text): void {
@@ -214,13 +211,8 @@ export class BoldNormalizationPass {
       return;
     }
 
-    const keepTrailing = text.endsWith('\u00A0') && BoldNormalizationPass.isEffectivelyLastChild(textNode);
-    const replaced = text.replace(/\u00A0/g, ' ');
-
     // eslint-disable-next-line no-param-reassign
-    textNode.textContent = keepTrailing
-      ? replaced.slice(0, -1) + '\u00A0'
-      : replaced;
+    textNode.textContent = text.replace(/\u00A0/g, ' ');
   }
 
   /**
@@ -285,26 +277,6 @@ export class BoldNormalizationPass {
     rightStrong.remove();
   }
 
-  /**
-   * Check whether all siblings after a node are empty (zero-length text nodes
-   * or empty elements). The unbold process can leave behind empty text nodes
-   * which would cause `!node.nextSibling` to return false even though the node
-   * is effectively the last meaningful child.
-   */
-  private static isEffectivelyLastChild(node: Node): boolean {
-    const next = node.nextSibling;
-
-    if (!next) {
-      return true;
-    }
-
-    if ((next.textContent ?? '').length > 0) {
-      return false;
-    }
-
-    return BoldNormalizationPass.isEffectivelyLastChild(next);
-  }
-
   /**
    * Find the appropriate scope element from a selection
    * @param selection - The current selection

package/src/components/modules/blockEvents/composers/keyboardNavigation.ts

@@ -91,14 +91,20 @@ export class KeyboardNavigation extends BlockEventComposer {
       return;
     }
 
-    event.shiftKey ? Caret.navigatePrevious(true) : Caret.navigateNext(true);
+    const isNavigated = event.shiftKey ? Caret.navigatePrevious(true) : Caret.navigateNext(true);
 
     /**
-     * Always prevent default Tab behaviour to keep focus inside the editor.
-     * Without this, pressing Tab on the last block of a nested editor (e.g. a
-     * database card drawer) lets the browser move focus out of the editor entirely.
+     * Prevent default Tab behaviour only when navigation occurred within the
+     * editor. When navigateNext/navigatePrevious returns false (no next/prev
+     * block), allow the browser default so focus can leave the editor to
+     * external elements (e.g. inputs after the editor).
+     *
+     * Nested editors (e.g. database card drawer) are safe because the table
+     * cell guard above returns early, and those editors handle Tab themselves.
      */
-    event.preventDefault();
+    if (isNavigated) {
+      event.preventDefault();
+    }
   }
 
   /**

package/src/components/modules/toolbar/blockSettings.ts

@@ -463,9 +463,9 @@ export class BlockSettings extends Module<BlockSettingsNodes> {
     label.setAttribute('data-edit-meta-label', '');
 
     if (block.lastEditedBy !== null && block.lastEditedBy !== undefined) {
-      label.textContent = `Last edited by ${block.lastEditedBy}`;
+      label.textContent = this.Blok.I18n.t('blockSettings.lastEditedBy', { name: block.lastEditedBy });
     } else {
-      label.textContent = 'Last edited';
+      label.textContent = this.Blok.I18n.t('blockSettings.lastEdited');
     }
 
     container.appendChild(label);

package/src/components/modules/ui.ts

@@ -205,6 +205,7 @@ export class UI extends Module<UINodes> {
     });
     this.keyboardController.state = this.Blok;
     this.keyboardController.setRedactorElement(this.nodes.redactor);
+    this.keyboardController.setWrapperElement(this.nodes.wrapper);
 
     /**
      * Selection controller needs wrapper element for click detection

package/src/components/modules/uiControllers/controllers/keyboard.ts

@@ -29,6 +29,20 @@ export class KeyboardController extends Controller {
    */
   private redactorElement: HTMLElement | null = null;
 
+  /**
+   * The editor wrapper element for editor boundary checks.
+   * Stored directly because the keyboard controller's Blok reference
+   * (created by getModulesDiff) does not include the UI module itself.
+   */
+  private wrapperElement: HTMLElement | null = null;
+
+  /**
+   * Flag set when the controller is disabled (editor destroyed or read-only).
+   * Used instead of checking this.Blok.UI which is unavailable to controllers
+   * owned by the UI module (getModulesDiff excludes the owning module).
+   */
+  private isDisabled = false;
+
   /**
    * Stable handler references for deduplication via Listeners.findOne.
    * Storing as class properties ensures the same function reference is passed
@@ -61,7 +75,7 @@ export class KeyboardController extends Controller {
     if (target instanceof Element) {
       const closestEditor = target.closest('[data-blok-testid="blok-editor"]');
 
-      if (closestEditor !== null && closestEditor !== this.Blok.UI.nodes.wrapper) {
+      if (closestEditor !== null && closestEditor !== this.wrapperElement) {
         return;
       }
     }
@@ -87,6 +101,13 @@ export class KeyboardController extends Controller {
     this.redactorElement = element;
   }
 
+  /**
+   * Set the editor wrapper element for editor boundary checks
+   */
+  public setWrapperElement(element: HTMLElement): void {
+    this.wrapperElement = element;
+  }
+
   /**
    * Enable keyboard event listeners
    */
@@ -95,6 +116,8 @@ export class KeyboardController extends Controller {
       return;
     }
 
+    this.isDisabled = false;
+
     // Document-level keydown handler
     this.readOnlyMutableListeners.on(document, 'keydown', this.documentKeydownHandler, true);
 
@@ -112,27 +135,54 @@ export class KeyboardController extends Controller {
     this.readOnlyMutableListeners.on(this.redactorElement, 'keydown', this.redactorKeydownHandler, true);
   }
 
+  /**
+   * Disable the controller — marks it as inactive so stale handlers bail out.
+   */
+  public override disable(): void {
+    this.isDisabled = true;
+    super.disable();
+  }
+
   /**
    * Main keyboard event router
    * @param event - keyboard event
    */
   private handleKeydown(event: KeyboardEvent): void {
+    /**
+     * Guard against destroyed or disabled editor instances whose listeners
+     * were not properly removed. When the controller is disabled the handler
+     * bails out early so it does not throw or interfere with other editors.
+     */
+    if (this.isDisabled) {
+      return;
+    }
+
     const target = event.target;
+    const key = event.key ?? '';
 
+    /**
+     * Skip input/textarea targets for most keys to avoid intercepting normal
+     * typing.  Escape is exempted only for inputs inside popovers (e.g. the
+     * search input) so the keyboard controller can close the popover.
+     * Inputs elsewhere (e.g. database title edit inputs) keep their own
+     * Escape handling.
+     */
     if (target instanceof HTMLInputElement || target instanceof HTMLTextAreaElement) {
-      return;
+      const isInsidePopover = target.closest('[data-blok-popover]') !== null;
+
+      if (key !== 'Escape' || !isInsidePopover) {
+        return;
+      }
     }
 
     if (target instanceof Element) {
       const closestEditor = target.closest('[data-blok-testid="blok-editor"]');
 
-      if (closestEditor !== null && closestEditor !== this.Blok.UI.nodes.wrapper) {
+      if (closestEditor !== null && closestEditor !== this.wrapperElement) {
         return;
       }
     }
 
-    const key = event.key ?? '';
-
     switch (key) {
       case 'Enter':
         this.handleEnter(event);

package/src/styles/main.css

@@ -967,6 +967,8 @@
   --blok-database-card-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
   --blok-database-card-shadow-hover: 0 4px 12px rgba(0, 0, 0, 0.45);
   --blok-database-card-border: rgba(255, 255, 255, 0.06);
+  --blok-database-card-border-active: rgba(35, 131, 226, 0.7);
+  --blok-database-card-placeholder: rgba(255, 255, 255, 0.3);
   --blok-database-card-colored-overlay: rgba(255, 255, 255, 0.06);
   --blok-database-card-colored-overlay-hover: rgba(255, 255, 255, 0.11);
   --blok-database-card-colored-border: rgba(255, 255, 255, 0.07);
@@ -995,6 +997,7 @@
   --blok-checklist-border: rgba(255, 255, 255, 0.22);
   --blok-checklist-shadow: rgba(0, 0, 0, 0.3);
   --blok-checklist-hover-ring: rgba(82, 156, 202, 0.2);
+  --blok-checklist-readonly-fill: #475569;
 
   /* Color picker swatch */
   --blok-swatch-neutral-bg: #3a3a38;