Fix autocomplete on Chrome, because contenteditable and shadowRoots are tricksy, and this module for @mentions is aging. #65

apps/ssb.json

@@ -1,5 +1,5 @@
 {
 	"type": "tildefriends-app",
 	"emoji": "🐌",
-	"previous": "&zRv7YNZBT/NoliiTS7Jn/Q+3przdFZljUl8yPBIpSSE=.sha256"
+	"previous": "&RGDjjNsX3jYJFpOcDyI+LH2qmscuY0q8gP4dyJjOtww=.sha256"
 }

apps/ssb/tf-compose.js

@@ -291,6 +291,7 @@ class TfComposeElement extends LitElement {
 			);
 		}
 		let tribute = new Tribute({
+			iframe: this.shadowRoot,
 			collection: [
 				{
 					values: values,
@@ -325,6 +326,7 @@ class TfComposeElement extends LitElement {
 		let encrypt = this.renderRoot.getElementById('encrypt_to');
 		if (encrypt) {
 			let tribute = new Tribute({
+				iframe: this.shadowRoot,
 				values: Object.entries(this.users).map((x) => ({
 					key: x[1].name,
 					value: x[0],

apps/ssb/tribute.esm.js

@@ -483,8 +483,8 @@ class TributeRange {
 
     getDocument() {
         let iframe;
-        if (this.tribute.current.collection) {
+        if (this.tribute.current.collection[0].iframe) {
-            iframe = this.tribute.current.collection.iframe;
+            iframe = this.tribute.current.collection[0].iframe;
         }
 
         if (!iframe) {
@@ -653,8 +653,8 @@ class TributeRange {
     }
 
     getWindowSelection() {
-        if (this.tribute.collection.iframe) {
+        if (this.tribute.collection[0].iframe) {
-            return this.tribute.collection.iframe.contentWindow.getSelection()
+            return this.tribute.collection[0].iframe.getSelection()
         }
 
         return window.getSelection()