Skip to content

fix(uve): radio buttons and checkboxes in quick-edit form are not independent #35432

@zJaaal

Description

@zJaaal

Problem Statement

In the UVE quick-edit form, all `p-radioButton` and `p-checkbox` inputs across different content type fields share the same browser group because the `[name]` binding is missing. Selecting an option in one field deselects or affects options in another — they behave as a single group instead of independent field controls.

Affected file: `libs/portlets/edit-ema/portlet/src/lib/edit-ema-editor/components/dot-uve-contentlet-quick-edit/dot-uve-contentlet-quick-edit.component.html`

Steps to Reproduce

  1. Open the Universal Visual Editor (UVE)
  2. Click a contentlet that has multiple Radio or Checkbox fields
  3. The quick-edit panel opens on the right
  4. Select a radio button option in one field — it deselects the selection in another radio field
  5. Same behavior for checkboxes across different fields

Root Cause

PrimeNG's `p-radioButton` and `p-checkbox` require an explicit `[name]` binding to scope each group. Without it, all instances rendered in the `@for` loop share the same internal name and the browser groups them all together.

Acceptance Criteria

  • Each radio field's options are independent from other radio fields
  • Each checkbox field's options are independent from other checkbox fields
  • `[name]="field.variable"` is present on both `p-radioButton` and `p-checkbox` in the quick-edit form template

dotCMS Version

Latest from main branch

Severity

Medium - Some functionality impacted

Metadata

Metadata

Assignees

Type

No type

Projects

Status

In Review

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions