keep showing options on error

desentio · Jul 4, 2024 · 8ac4288 · 8ac4288
1 parent 49550fb
commit 8ac4288
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/globalseo.css b/globalseo.css
@@ -1,7 +1,10 @@
 .globalseo-errormsg {
+  display: block;
   color: red;
   font-size: 14px;
   cursor: auto!important;
+  border-top: 1px solid red;
+  padding: 10px!important;
 }
 
 .globalseo-lang-selector-wrapper.floating {

diff --git a/utils/selector/renderSelectorState.js b/utils/selector/renderSelectorState.js
@@ -57,8 +57,9 @@ function renderSelectorState(opts = { shouldUpdateActiveLang: true }) {
       selector.classList.add(errorClass);
       selector.classList.remove(readyClass, loadingClass); 
       const ul = selector.nextElementSibling;
-      console.log("UL", ul)
-      ul.innerHTML = `<li class="globalseo-errormsg" style="padding: 10px!important;">ERROR: ${window.globalseoError}</li>`;
+      const errorListItem = document.createElement('li');
+      errorListItem.innerHTML = `<span class="globalseo-errormsg">ERROR: ${window.globalseoError}</span>`
+      ul.appendChild(errorListItem);
       return;
     }