Fixed radio buttons, checkboxes and pulldowns.

Author: jbum

ethelo_archive/2/tell-us-about-yourself.html

@@ -435,7 +435,7 @@ <h3>What is your race and / or ethnicity?</h3><p>Select all that apply. Enter ad
             What is your age?
 
           </label>
-          <select class="form-control" disabled style="pointer-events: none; opacity: 0.7;">
+          <select class="form-control" style="opacity: 0.7;">
             <option value="">Select One</option>
 
             <option>18-24</option>
@@ -459,7 +459,7 @@ <h3>What is your race and / or ethnicity?</h3><p>Select all that apply. Enter ad
             What is your gender identity?
 
           </label>
-          <select class="form-control" disabled style="pointer-events: none; opacity: 0.7;">
+          <select class="form-control" style="opacity: 0.7;">
             <option value="">Select One</option>
 
             <option>Male</option>
@@ -481,7 +481,7 @@ <h3>What is your race and / or ethnicity?</h3><p>Select all that apply. Enter ad
             What was your household income (before taxes) last year?
 
           </label>
-          <select class="form-control" disabled style="pointer-events: none; opacity: 0.7;">
+          <select class="form-control" style="opacity: 0.7;">
             <option value="">Select One</option>
 
             <option>Less than $35,000</option>

ethelo_archive/24/about-you.html

@@ -391,7 +391,7 @@ <h1 id="page-header" class="main">
             Your current position type
             <span class="text-danger">*</span>
           </label>
-          <select class="form-control" disabled style="pointer-events: none; opacity: 0.7;">
+          <select class="form-control" style="opacity: 0.7;">
             <option value="">Select One</option>
 
             <option>Not a supervisor or manager</option>
@@ -419,7 +419,7 @@ <h1 id="page-header" class="main">
             How long have you worked for the State of California?
             <span class="text-danger">*</span>
           </label>
-          <select class="form-control" disabled style="pointer-events: none; opacity: 0.7;">
+          <select class="form-control" style="opacity: 0.7;">
             <option value="">Select One</option>
 
             <option>Less than 6 months</option>

ethelo_archive/24/anything-else.html

@@ -9050,7 +9050,7 @@ <h1 id="page-header" class="main">
             Which department or agency does your idea apply to?
 
           </label>
-          <select class="form-control" disabled style="pointer-events: none; opacity: 0.7;">
+          <select class="form-control" style="opacity: 0.7;">
             <option value="">Select One</option>
 
             <option>Affects multiple departments</option>

ethelo_archive/24/share-whats-been-working.html

@@ -8797,7 +8797,7 @@ <h2>Have you seen examples of more effective and efficient service in action at
             Which department or agency does your idea apply to?
 
           </label>
-          <select class="form-control" disabled style="pointer-events: none; opacity: 0.7;">
+          <select class="form-control" style="opacity: 0.7;">
             <option value="">Select One</option>
 
             <option>Affects multiple departments</option>

ethelo_archive/24/share-your-idea.html

@@ -22325,7 +22325,7 @@ <h2>Use the comment box below to submit one idea to make California’s governme
             Which department or agency does your idea apply to?
 
           </label>
-          <select class="form-control" disabled style="pointer-events: none; opacity: 0.7;">
+          <select class="form-control" style="opacity: 0.7;">
             <option value="">Select One</option>
 
             <option>Affects multiple departments</option>

ethelo_archive/33/about-you.html

@@ -528,7 +528,7 @@ <h1 id="page-header" class="main">
             What is your age?
 
           </label>
-          <select class="form-control" disabled style="pointer-events: none; opacity: 0.7;">
+          <select class="form-control" style="opacity: 0.7;">
             <option value="">Select One</option>
 
             <option>18-24</option>
@@ -552,7 +552,7 @@ <h1 id="page-header" class="main">
             What is your gender identity?
 
           </label>
-          <select class="form-control" disabled style="pointer-events: none; opacity: 0.7;">
+          <select class="form-control" style="opacity: 0.7;">
             <option value="">Select One</option>
 
             <option>Male</option>
@@ -574,7 +574,7 @@ <h1 id="page-header" class="main">
             What was your household income (before taxes) last year?
 
           </label>
-          <select class="form-control" disabled style="pointer-events: none; opacity: 0.7;">
+          <select class="form-control" style="opacity: 0.7;">
             <option value="">Select One</option>
 
             <option>Less than $35,000</option>

ethelo_archive/static/css/override.css

@@ -186,6 +186,33 @@
   text-decoration: underline;
 }
 
+/* ── Show native radio/checkbox inputs (Material Design JS not loaded) ── */
+#questions-panel input[type="radio"],
+#questions-panel input[type="checkbox"],
+.survey-question input[type="radio"],
+.survey-question input[type="checkbox"],
+.checkbox input[type="checkbox"],
+.radio input[type="radio"] {
+  position: relative !important;
+  opacity: 1 !important;
+  width: 16px !important;
+  height: 16px !important;
+  overflow: visible !important;
+  margin-right: 6px !important;
+  margin-left: 0 !important;
+  vertical-align: middle;
+  pointer-events: none;
+  -webkit-appearance: auto !important;
+  appearance: auto !important;
+}
+
+.survey-question select.form-control {
+  opacity: 1 !important;
+  -webkit-appearance: menulist !important;
+  appearance: menulist !important;
+  height: auto !important;
+}
+
 /* ── Survey questions (read-only) ────────────────────────────────────── */
 .survey-question {
   margin-bottom: 20px;