fix: Content editable in shadow dom fix zurb#685, zurb#906

redmine-ui · Aug 12, 2024 · 4d0bfb7 · 4d0bfb7
1 parent 3be11e8
commit 4d0bfb7
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/src/Tribute.js b/src/Tribute.js
@@ -9,6 +9,7 @@ class Tribute {
     values = null,
     loadingItemTemplate = null,
     iframe = null,
+    shadowRoot = null,
     selectClass = "highlight",
     containerClass = "tribute-container",
     itemClass = "",
@@ -58,6 +59,9 @@ class Tribute {
           // is it wrapped in an iframe
           iframe: iframe,
 
+          // is it wrapped in a web component
+          shadowRoot: shadowRoot,
+
           // class applied to selected item
           selectClass: selectClass,
 

diff --git a/src/TributeRange.js b/src/TributeRange.js
@@ -183,6 +183,10 @@ class TributeRange {
             return this.tribute.collection.iframe.contentWindow.getSelection()
         }
 
+        if (this.tribute.collection[0].shadowRoot) {
+            return this.tribute.collection[0].shadowRoot.getSelection()
+        }
+
         return window.getSelection()
     }