Make list width to be 100% instead of dynamic (#152)

mozilla · Oct 23, 2018 · b7cd82f · b7cd82f
1 parent 3351162
commit b7cd82f
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 7 deletions.
diff --git a/extension/content.js b/extension/content.js
@@ -472,10 +472,6 @@ const languagePromise = fetch(
                 input.size = Math.max(input.value.length, 10);
                 input.idx_suggestion = 0;
 
-                if (list) {
-                    list.style.width = `${input.offsetWidth}px`;
-                }
-
                 input.focus();
 
                 input.addEventListener("keypress", e => {
@@ -489,7 +485,6 @@ const languagePromise = fetch(
 
                 input.addEventListener("input", () => {
                     input.size = Math.max(10, input.value.length);
-                    list.style.width = `${input.offsetWidth}px`;
                 });
 
                 form.addEventListener("submit", function _submit_form(e) {
@@ -511,7 +506,6 @@ const languagePromise = fetch(
                         list.classList.add('close');
                         input.value = e.target.textContent;
                         input.size = input.value.length;
-                        list.style.width = `${input.offsetWidth}px`;
 
                         resolve(result);
                     }
@@ -529,7 +523,6 @@ const languagePromise = fetch(
                             list.classList.add('close');
                             input.value = e.target.textContent;
                             input.size = input.value.length;
-                            list.style.width = `${input.offsetWidth}px`;
 
                             resolve(result);
                         }

diff --git a/extension/main.css b/extension/main.css
@@ -241,6 +241,7 @@
     position: absolute;
     transform-origin: top;
     transform: scaleY(0);
+    width: 100%;
 }
 
 #stm-list.close {