CLoses #130 changed to GPLv3, added SearX instances (#16), fixed instance selects.

2 files changed, 10 insertions, 6 deletions

diff --git a/src/pages/options/options.html b/src/pages/options/options.html
index af7bd41a..dbb1406e 100644
--- a/src/pages/options/options.html
+++ b/src/pages/options/options.html
@@ -211,7 +211,7 @@
           <input
             id="reddit-instance"
             type="url"
-            placeholder="https://old.reddit.com"
+            placeholder="https://libredd.it"
           />
         </div>
       </section>
diff --git a/src/pages/options/options.js b/src/pages/options/options.js
index a6980734..0f785f6e 100644
--- a/src/pages/options/options.js
+++ b/src/pages/options/options.js
@@ -467,11 +467,15 @@ function autocomplete(input, list) {
     }
   }
   function getItem(item, val) {
-    let div = document.createElement("div");
-    let html = `<strong>${item.substr(0, val.length)}</strong>${item.substr(
-      val.length
-    )}<input type='hidden' value='${item}'>`;
-    div.appendChild(parser.parseFromString(html, "text/html").documentElement);
+    const div = document.createElement("div");
+    const strong = document.createElement("strong");
+    strong.textContent = item.substr(0, val.length);
+    div.innerText = item.substr(val.length);
+    const hiddenInput = document.createElement("input");
+    hiddenInput.type = "hidden";
+    hiddenInput.value = item;
+    div.prepend(strong);
+    div.appendChild(hiddenInput);
     div.addEventListener("click", function (e) {
       input.value = e.target.getElementsByTagName("input")[0].value;
       input.dispatchEvent(new Event("input"));