Fix #261: only enable PROD options instead of disabling whole select elt (#262)

Author: leplatrem

extension/content/index.html

@@ -17,8 +17,8 @@
         <h2>Options</h2>
         <select id="environment">
           <option value="custom"></option>
-          <option value="prod">Prod</option>
-          <option value="prod-preview">Prod (preview)</option>
+          <option class="prod" value="prod">Prod</option>
+          <option class="prod" value="prod-preview">Prod (preview)</option>
           <option value="stage">Stage</option>
           <option value="stage-preview">Stage (preview)</option>
           <option value="dev">Dev</option>

extension/content/script.js

@@ -79,7 +79,10 @@ async function refreshUI(state) {
   document.getElementById("environment-error").style.display =
     serverSettingIgnored ? "block" : "none";
   if (serverSettingIgnored) {
-    environmentElt.setAttribute("disabled", "disabled");
+    // Disable all options except those related to prod
+    environmentElt
+      .querySelectorAll("option:not(.prod)")
+      .forEach((optionElt) => optionElt.setAttribute("disabled", "disabled"));
   }
 
   document.getElementById("polling-url").textContent = new URL(