Fix: Spell checker

demo/index.html

@@ -216,7 +216,7 @@
         label="Spell Checker"
         help_text="This is field will autocorrect your spelling"
         placeholder="Put something down, for real"
-        value="I am a good sprller"
+        value="I am a good sprller, with the additional text that overflows the input field width and should be wrapped and move to the next line"
         spellCheckerFunc="spellCheck"
         textarea
         autogrow

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@greatnonprofits-nfp/temba-components",
-  "version": "0.26.4",
+  "version": "0.26.6",
   "description": "Web components to support rapidpro and related projects",
   "author": "Nyaruka <[email protected]>",
   "main": "dist/index.js",

src/completion/helpers.ts

@@ -133,7 +133,7 @@ export const getCompletions = (
   const parts = (dotQuery || '').split('.');
   let currentProps: CompletionProperty[] = session
     ? schema.root
-    : schema.root_no_session;
+    : schema?.root_no_session;
 
   if (!currentProps) {
     return [];
@@ -279,8 +279,14 @@ export const updateInputElementWithCompletion = (
     const caret = leftSide.length + insertText.length;
 
     // set our value and our new caret
-    ele.value = leftSide + insertText + remaining;
-    ele.setSelectionRange(caret, caret);
+    if (ele.tagName === 'DIV' && ele.classList.contains('textinput')) {
+      ele.innerText = leftSide + insertText + remaining;
+      ele.value = leftSide + insertText + remaining;
+      ele.setSelectionRange(caret, caret);
+    } else {
+      ele.value = leftSide + insertText + remaining;
+      ele.setSelectionRange(caret, caret);
+    }
 
     // now scroll our text box if necessary
     const position = getCursorXY(ele, caret);