smeditor 0.2.1 → 0.2.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 84ee0bbaa2884f82336e20cf7962934d728d539ab71a68c87c865c09122d1100
-  data.tar.gz: 80da9de751d692cb0398e80f9b3017324fbf848873dc6a2e73dfa3c85fe9c8fb
+  metadata.gz: deea7d855b9ea5c7d61a51d82adeb656e3583db0dc9ed8d677345fe2d1bac550
+  data.tar.gz: 99a68a8823548919c2acb1aaea114822b677e33d464cd37a66f42fe4cc802e73
 SHA512:
-  metadata.gz: 1a905c9df109f03de095aab6652d2eeedd1d42acffeb505a020872c6ffaf5ad88b4ea3cb7cdf5a518b449528b009c6eb53735ef3d61aa50ad6cc554f19114aeb
-  data.tar.gz: eb385c65cbae2a229035f98a66950f160d7d301c475cf9976429eebda3e1cc32faf3acfe3206c3478689f9567d33d78a02554dae6d3fe58f01bd3b7a21dadd9c
+  metadata.gz: 6cf34629807ab5b326dff8ddaa85e80bc2f4b5c7de86a233e4d2a9c1196a3151df18af818f658f6826e0f21c7d90317c8f190df1697f5ecc8501c4f24511c9b7
+  data.tar.gz: 3f72f9d9fc819294563dd2519eb07e84dd159432fd2bc8ad6111b0ed125c46790163ef7caae49ae1b76ea7ced5406baf65b1dc9a2350e6115edc15b34c3d57bc

data/CHANGELOG.md

@@ -1,5 +1,10 @@
 # Changelog — smeditor
 
+## 0.2.2 — 2026-09-09
+
+- Fixed caret jumps and reordered typing inside the Rails Shadow DOM editor. The core now resolves the live DOM Selection from the editor's own root instead of always using `document.getSelection()`.
+- Selection restore and caret coordinate ranges now use the editor element's owner document, keeping the DOM integration correct in isolated roots and embedded documents.
+
 ## 0.2.1 — 2026-09-09
 
 - Rails editor now renders inside Shadow DOM so host application CSS cannot alter the SMEditor toolbar or editing surface.

data/app/assets/javascripts/smeditor.js

@@ -763,14 +763,14 @@ class Editor {
      */
     coordsAtPoint(point) {
         var _a;
-        if (!this.element || typeof document === "undefined")
+        if (!this.element)
             return null;
         const deep = (_a = this.options.deepSelection) !== null && _a !== void 0 ? _a : false;
         const loc = domNodeFromPoint(point, this.element, deep);
         if (!loc)
             return null;
         try {
-            const range = document.createRange();
+            const range = this.element.ownerDocument.createRange();
             const offset = Math.min(loc.offset, lengthOf(loc.node));
             range.setStart(loc.node, offset);
             range.collapse(true);
@@ -1243,9 +1243,7 @@ class Editor {
         var _a, _b;
         if (this.updatingDOM || !this.element)
             return;
-        if (typeof document === "undefined")
-            return;
-        const domSel = document.getSelection();
+        const domSel = selectionForElement(this.element);
         if (!domSel)
             return;
         if (!this.element.contains(domSel.anchorNode))
@@ -1267,9 +1265,9 @@ class Editor {
     }
     readSelectionFromDOM() {
         var _a;
-        if (!this.element || typeof document === "undefined")
+        if (!this.element)
             return null;
-        const sel = document.getSelection();
+        const sel = selectionForElement(this.element);
         if (!sel || sel.rangeCount === 0)
             return null;
         const deep = (_a = this.options.deepSelection) !== null && _a !== void 0 ? _a : false;
@@ -1290,10 +1288,10 @@ class Editor {
     }
     applySelectionToDOM() {
         var _a;
-        if (!this.selection || !this.element || typeof document === "undefined") {
+        if (!this.selection || !this.element) {
             return;
         }
-        const sel = document.getSelection();
+        const sel = selectionForElement(this.element);
         if (!sel)
             return;
         const deep = (_a = this.options.deepSelection) !== null && _a !== void 0 ? _a : false;
@@ -1302,7 +1300,7 @@ class Editor {
         if (!anchorNode || !headNode)
             return;
         try {
-            const range = document.createRange();
+            const range = this.element.ownerDocument.createRange();
             range.setStart(anchorNode.node, Math.min(anchorNode.offset, lengthOf(anchorNode.node)));
             range.setEnd(headNode.node, Math.min(headNode.offset, lengthOf(headNode.node)));
             sel.removeAllRanges();
@@ -1353,6 +1351,30 @@ class Editor {
 // ============================================================================
 // Helpers (module-private)
 // ============================================================================
+/**
+ * Return the Selection object that actually owns the editor caret.
+ *
+ * `document.getSelection()` is not sufficient for editors mounted inside an
+ * open ShadowRoot: Chromium exposes a composed selection on the document whose
+ * anchor can be the shadow host instead of the text node inside the editor.
+ * Reading that selection produces a null/wrong editor position; the next DOM
+ * render then loses the caret (most visibly when typing spaces).
+ *
+ * Both Document and Chromium's ShadowRoot expose getSelection(). Prefer the
+ * editor's root and fall back to its owner document for browsers that do not
+ * expose ShadowRoot#getSelection.
+ */
+function selectionForElement(element) {
+    var _a, _b, _c, _d;
+    const root = (_a = element.getRootNode) === null || _a === void 0 ? void 0 : _a.call(element);
+    const rootedGetSelection = root === null || root === void 0 ? void 0 : root.getSelection;
+    if (root && typeof rootedGetSelection === "function") {
+        const selection = rootedGetSelection.call(root);
+        if (selection)
+            return selection;
+    }
+    return (_d = (_c = (_b = element.ownerDocument) === null || _b === void 0 ? void 0 : _b.getSelection) === null || _c === void 0 ? void 0 : _c.call(_b)) !== null && _d !== void 0 ? _d : null;
+}
 /**
  * Strip noise and unsafe elements from pasted HTML.
  *

data/lib/smeditor/rails/version.rb

@@ -2,6 +2,6 @@
 
 module SMEditor
   module Rails
-    VERSION = "0.2.1"
+    VERSION = "0.2.2"
   end
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: smeditor
 version: !ruby/object:Gem::Version
-  version: 0.2.1
+  version: 0.2.2
 platform: ruby
 authors:
 - SMEditor contributors
@@ -96,7 +96,7 @@ metadata:
   source_code_uri: https://github.com/sCruze/smeditor/tree/main/gems/smeditor
   changelog_uri: https://github.com/sCruze/smeditor/blob/main/gems/smeditor/CHANGELOG.md
   bug_tracker_uri: https://github.com/sCruze/smeditor/issues
-  documentation_uri: https://rubydoc.info/gems/smeditor/0.2.1
+  documentation_uri: https://rubydoc.info/gems/smeditor/0.2.2
   rubygems_mfa_required: 'true'
 rdoc_options: []
 require_paths: