Skip to content

Clicking already-selected radio buttons in multistep forms does nothing (confusing UX) #565

@eddivalen

Description

@eddivalen

Problem

I've been working with multistep forms that use Jet Engine listing options for radio buttons, and there's this weird UX issue that's been bugging me. When a user clicks on a radio button that's already selected, absolutely nothing happens.

From a user's perspective, this feels broken. They click something expecting it to do... well, something, but the form just sits there. It's especially confusing in multistep forms where users might expect clicking the selected option to move them forward.

Current Behavior

  1. User selects a radio option → form advances to next step ✅
  2. User goes back and clicks the same (already selected) radio → nothing happens ❌

Expected Behavior

  1. User selects a radio option → form advances to next step ✅
  2. User goes back and clicks the same (already selected) radio → form advances to next step ✅

But it seems like the page advancement isn't working consistently, leaving users confused when their clicks don't do anything.

Why This Matters

Users don't distinguish between "clicking a new option" and "clicking the selected option" - they just want to interact with the form and move forward. The current behavior breaks that mental model and makes the form feel unresponsive.

Steps to Reproduce

  1. Create a multistep form with Jet Engine listing options
  2. Add radio buttons on a page
  3. Select an option (advances to next page)
  4. Go back to previous page
  5. Click the same selected radio button
  6. Notice nothing happens

Sub-issues

Metadata

Metadata

Assignees

Labels

bugSomething isn't working

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions