FOUR-19658 | Icon Selection Closes Card Prematurely In Template Details Page

[mcraeteisha]

Issue

Ticket: FOUR-19658

When a user selects an icon in the template details page, the card closes automatically. This interrupts the user flow, preventing them from making additional selections or adjustments. The card should remain open until the user explicitly selects the 'Cancel' button.

Solution

• Set checkbox value when icon is selected.
• Stop event propagation when icon is selected.
• Stop event propagation when 'Cancel' button is selected.

How to Test

1. Go to branch observation/FOUR-19658 in screen-builder.
2. Go to Designer → Screens. Open a Screen to edit.
3. Select 'Templates' from the top menu bar. Select a template card.
4. When the template card opens:
   • Select an icon; the corresponding checkbox should be selected. The card should not close.
   • Select the cancel button; the card should close and any selected options should clear.

Code Review Checklist

• I have pulled this code locally and tested it on my instance, along with any associated packages.
• This code adheres to ProcessMaker Coding Guidelines.
• This code includes a unit test or an E2E test that tests its functionality, or is covered by an existing test.
• This solution fixes the bug reported in the original ticket.
• This solution does not alter the expected output of a component in a way that would break existing Processes.
• This solution does not implement any breaking changes that would invalidate documentation or cause existing Processes to fail.
• This solution has been tested with enterprise packages that rely on its functionality and does not introduce bugs in those packages.
• This code does not duplicate functionality that already exists in the framework or in ProcessMaker.
• This ticket conforms to the PRD associated with this part of ProcessMaker.

ci:deploy

[cypress]

screen-builder    Run #1566

Run Properties:   Passed #1566  •  f6ab620be4: FOUR-19658 | Icon Selection Closes Card Prematurely In Template Details Page

Project	screen-builder
Branch Review	observation/FOUR-19658
Run status	Passed #1566
Run duration	08m 11s
Commit	f6ab620be4: FOUR-19658 | Icon Selection Closes Card Prematurely In Template Details Page
Committer	Teisha McRae
View all properties for this run ↗︎

---

Test results
Failures	0
Flaky	0
Pending	19
Skipped	0
Passing	331
View all changes introduced in this branch ↗︎

[tokensPM]

QA server K8S was successfully deployed https://ci-59b3f7a8bd.engk8s.processmaker.net