Skip to content

Conversation

@eiresendez
Copy link
Contributor

@eiresendez eiresendez commented Dec 19, 2025

Radio inputs rendered by FormSelectList shared the same HTML name when duplicated with the same variable, causing the browser to group both instances as a single radio group. This broke visual sync and required extra clicks for selection.

Solution

  • Namespaced the radio name attribute in OptionboxView.vue with a per-instance UID so each component renders an isolated radio group while still syncing via v-model.

How to test

  • Open the screen from FOUR-28514 in Screen Builder Preview.
  • Duplicate a select-list rendered as radios that uses the same variable.
  • Click any option in one group; verify the same option appears selected in the other group without deselecting it or requiring a second click.
  • Confirm the Data Preview shows the selected value and updates when toggling between options.

Ticket

ci:deploy

@mcraeteisha mcraeteisha self-requested a review December 19, 2025 15:35
@processmaker-sonarqube
Copy link

Quality Gate passed Quality Gate passed

Issues
0 New issues
0 Fixed issues
0 Accepted issues

Measures
0 Security Hotspots
No data about Coverage
No data about Duplication

See analysis details on SonarQube

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants