Short version:
The option buttons update their active state correctly, but the primary “Next” button doesn’t react to that selection. It should be disabled by default and only activate once an option is selected — likely a state binding issue.
Longer version:
I have a multi-step screen where users must select one of several option buttons (e.g. Milk / Dairy) before proceeding.
When an option is selected:
-
The option button correctly changes to its active state
-
However, the primary “Next” button below does not change state (colour / enabled state)
Expected behaviour:
-
The “Next” button should remain inactive by default
-
Once any option above is selected, the “Next” button should become active (visually + functionally)
Current behaviour:
-
The “Next” button can navigate immediately
-
It never reflects an active/disabled state based on the selection above
This feels like a state / variable binding issue, where the selection state isn’t being passed or observed by the “Next” button.
