messing with css

assets/style.css

@@ -7,3 +7,19 @@ input:disabled {
     color: transparent !important;
 }
 
+/* Hide selected value AND placeholder when the dropdown is disabled */
+.Select.is-disabled .Select-value,
+.Select.is-disabled .Select-value-label,
+.Select.is-disabled .Select-placeholder {
+  color: transparent !important;
+}
+
+/* Some versions keep layout space; this fully removes the text nodes */
+.Select.is-disabled .Select-value,
+.Select.is-disabled .Select-placeholder {
+  display: none !important;
+}
+
+.Select.is-disabled .Select-control {
+  background-color: #f5f5f5 !important;
+}

main.py

@@ -50,35 +50,32 @@ def route(pathname):
 # Main callback
 # --------------------------------------------------------------------
 @app.callback(
-    [
-        Output("c1_solvent", "disabled"),
-        Output("c1_volume", "disabled"),
-        Output("c1_swelling", "disabled"),
-        Output("c1_temp", "disabled"),
-        #Output("c1_time", "disabled"),
-        Output("c1_iterations", "disabled"),
-    ],
+    Output("c1_solvent", "disabled"),
+    Output("c1_volume", "disabled"),
+    Output("c1_swelling", "disabled"),
+    Output("c1_temp", "disabled"),
+    Output("c1_iterations", "disabled"),
     Input("condition1_mode", "value"),
+    State("c1_solvent", "value"),
 )
-def toggle_condition1_inputs(mode):
+def toggle_condition1_inputs(mode, current_value):
     disable = (mode != "in_vitro")
-    return [disable] * 5
+
+    return disable, disable, disable, disable, disable
 
 @app.callback(
-    [
-        Output("c2_solvent", "disabled"),
-        Output("c2_volume", "disabled"),
-        Output("c2_swelling", "disabled"),
-        Output("c2_temp", "disabled"),
-        #Output("c2_time", "disabled"),
-        Output("c2_iterations", "disabled"),
-    ],
+    Output("c2_solvent", "disabled"),
+    Output("c2_volume", "disabled"),
+    Output("c2_swelling", "disabled"),
+    Output("c2_temp", "disabled"),
+    Output("c2_iterations", "disabled"),
     Input("condition2_mode", "value"),
+    State("c2_solvent", "value"),
 )
-
-def toggle_condition2_inputs(mode):
+def toggle_condition2_inputs(mode, current_value):
     disable = (mode != "in_vitro")
-    return [disable] * 5
+
+    return disable, disable, disable, disable, disable
 
 @app.callback(
     Output("mm0_chart", "figure"),

main_layout.py

@@ -198,6 +198,7 @@ def build_main_layout() -> html.Div:
                                             options=[{"label": x, "value": x} for x in solvents],
                                             value=solvents[9],  # default selection (optional)
                                             clearable=False,
+                                            placeholder="",
                                             disabled=True,
                                             style={"width": "100%"}
                                         ),
@@ -313,6 +314,7 @@ def build_main_layout() -> html.Div:
                                             options=[{"label": x, "value": x} for x in solvents],
                                             value=solvents[2],  # default selection (optional)
                                             clearable=False,
+                                            placeholder="",
                                             disabled=True,
                                             style={"width": "100%"}
                                         ),