Add appendToBody option

experianplc · Aug 11, 2020 · 148b17f · 148b17f
1 parent 374c850
commit 148b17f
Show file tree

Hide file tree

Showing 7 changed files with 34 additions and 4 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1 @@
+node_modules
diff --git a/lib/autocompletion.js b/lib/autocompletion.js
diff --git a/lib/autocompletion.js.map b/lib/autocompletion.js.map
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -25,5 +25,8 @@
   "bugs": {
     "url": "https://github.com/experianplc/autocompletion/issues"
   },
-  "homepage": "https://github.com/experianplc/autocompletion#readme"
+  "homepage": "https://github.com/experianplc/autocompletion#readme",
+  "devDependencies": {
+    "typescript": "^3.9.7"
+  }
 }
diff --git a/src/autocompletion.ts b/src/autocompletion.ts
@@ -51,6 +51,7 @@ export default (function () {
       offsetLeft: 0,
       offsetTop: 1,
       cache: 1,
+      appendToBody: true,
       menuClass: '',
       dontUseOffset: false,
       renderItem: function (item, search) {
@@ -121,7 +122,11 @@ export default (function () {
         }
       };
       addEvent(window, 'resize', autoCompleteElement.updateSC);
-      document.body.appendChild(autoCompleteElement.suggestionsContainer);
+      if (o.appendToBody) {
+        document.body.appendChild(autoCompleteElement.suggestionsContainer);
+      } else {
+        nodeList[i].parentElement.appendChild(autoCompleteElement.suggestionsContainer);
+      }
 
       live('edq-global-intuitive-address-suggestion', 'mouseleave', function() {
         let sel = autoCompleteElement.suggestionsContainer.querySelector('.edq-global-intuitive-address-suggestion.selected');

diff --git a/src/index.ts b/src/index.ts
@@ -39,5 +39,6 @@ interface AutoCompleteOptions extends Object {
   renderItem?: (item: any, searchTerm: string) => string;
   onSelect?: (e, term, item) => void;
   dontUseOffset: boolean;
+  appendToBody: boolean;
 }