Skip to content

FOUR-22582 : [SUMMER 25] UI Improvements Summer 2025 - Accesibility #1840

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Merged
nolanpro merged 71 commits into from
Dec 2, 2025
Merged

FOUR-22582 : [SUMMER 25] UI Improvements Summer 2025 - Accesibility #1840

nolanpro merged 71 commits into from
Dec 2, 2025

Conversation

@pmPaulis
Copy link
Contributor

@pmPaulis pmPaulis commented Jul 23, 2025

Issue & Reproduction Steps

By implementing these UI improvements, we can significantly enhance the overall user experience, making the interface more intuitive, efficient, and accessible, ultimately leading to increased user satisfaction and engagement.

PRD - UI Improvements Summer 2025 - Accesibility
Figma - UI Improvements Summer 2025 - Accesibility

Solution

  • As an administrator, I need the ability to configure the session.same_site setting to none in order to allow logging into a ProcessMaker instance embedded within an iframe.

How to Test

  1. Create a controls
  2. Review the configuration sections
  3. In the Accesibility we can see the Aria Label

Related Tickets & Packages

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:vue-form-elements:epic/FOUR-22582
ci:deploy

@cypress
Copy link

cypress bot commented Jul 23, 2025

screen-builder    Run #1911

Run Properties:  status check passed Passed #1911  •  git commit 12133d8bcb: FOUR-22582 : [SUMMER 25] UI Improvements Summer 2025 - Accesibility
Project screen-builder
Branch Review epic/FOUR-22582-verified
Run status status check passed Passed #1911
Run duration 08m 58s
Commit git commit 12133d8bcb: FOUR-22582 : [SUMMER 25] UI Improvements Summer 2025 - Accesibility
Committer Paulis
View all properties for this run ↗︎
Test results
Tests that failed  Failures 0
Tests that were flaky  Flaky 0
Tests that did not run due to a developer annotating a test with .skip  Pending 19
Tests that did not run due to a failure in a mocha hook  Skipped 0
Tests that passed  Passing 372
View all changes introduced in this branch ↗︎

@vladyrichter
Copy link

vladyrichter commented Jul 23, 2025

QA server K8S was successfully deployed https://ci-6e700b9479.engk8s.processmaker.net

@processmaker-sonarqube
Copy link

processmaker-sonarqube bot commented Jul 23, 2025

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

@pmPaulis
Copy link
Contributor Author

pmPaulis commented Jul 24, 2025

Team,
Updated with develop 4.15.4

@pmPaulis pmPaulis mentioned this pull request Jul 24, 2025
Closed
9 tasks
@pmPaulis pmPaulis removed the 4.15.6 label Aug 11, 2025
pmPaulis and others added 17 commits September 2, 2025 11:56
@pmPaulis
updating with develop
5eced9d
@caleeli @fagubla
Add Monaco Editor integration to Storybook
e25636b
@caleeli @fagubla
Test button click handler
859a2e7
@caleeli @fagubla
Implement code editor for button click handler
52f792f
@caleeli @fagubla
Add CodeEditor stories to Storybook
c7af198
@caleeli @fagubla
Add handler support to FormButton component and integrate it into Loa…
3073dd1 
…dFieldComponents mixin
@caleeli @fagubla
Remove non required code
38bc616
@caleeli @fagubla
Fix issue importing MonacoEditor
8ca9d63
@caleeli @fagubla
Fix storybook monaco setup
391631a
@caleeli @fagubla
Update label and input ID in code editor component for better accessi…
b90a9dd 
…bility
@caleeli @fagubla
Enhance FormButton handler to support reactive data updates and impro…
4d4f763 
…ve data reference handling
@nolanpro @fagubla
3.8.5
f40c3bf
@fagubla
feat: refactor FormButton component to utilize Web Workers
39d2c0d
@fagubla
fix: remove console logs for cleaner code
d4c760b
@fagubla
feat: enhance worker functionality to support async handlers
049c4a5
@fagubla
feat: implement async code detection in worker
5c0e2cd
@fagubla
test: update button click handler fixture to return reactive data upd…
31be866 
…ates
rodriquelca and others added 27 commits October 27, 2025 16:23
@rodriquelca @fagubla
remove only for sonarqube
e8a23c6
@rodriquelca @fagubla
restore npm SelectListDependentCollection.spec.js"
31d9124
@rodriquelca @fagubla
restore npm SelectListDependentCollection.spec.js 2
d1e6924
@fagubla
FOUR-24227:Add in the display screen a New control - Case Progress Bar
d35e907
@fagubla
validation
3c3178e
@fagubla
Update
f762e7a
@fagubla
update timeout for tests
ebf6e7e
@fagubla
Update form-builder-controls.js
c0e52eb
@fagubla
Update case-progress-bar.vue
f043b3e
@pmPaulis @fagubla
FOUR-24448
5936295
@fagubla
FOUR-25240:Implement property linkDisplayStyle = [LINK, BUTTON]
195a64c
@fagubla
FOUR-25241:Update email screen UI
4b901aa
@gproly @fagubla
FOUR-25305 There are console errors in loop with Rich text inside in …
a74a44d 
…Manual task

 ## Description:
There are console error in loop with Rich text inside
This is old code and cannot be seen in production mode because all error reports are suppressed.

 ## Related Tickets & Packages
https://processmaker.atlassian.net/browse/FOUR-25305
@gproly @fagubla
FOUR-25305 Fix the observations.
90de35d
@gproly @fagubla
FOUR-25305 Fix the observations.
6149590
@gproly @fagubla
FOUR-25305 Fix the Cypress observations.
4f0d40f
@gproly @fagubla
FOUR-25305 Fix the Cypress observations.
c20b57d
@nolanpro @fagubla
Fix test
f0dd39d
@nolanpro @fagubla
3.8.8
69f1bc0
@rodriquelca @fagubla
FOUR-25717: Make customizable the message "No data available for this…
b385ecf 
… dynamic panel"
@nolanpro @fagubla
3.8.9
bca69c9
@fagubla
FOUR-25821:Link URL has additional property in Design, which causes v…
c2ed2b7 
…alues to be lost with old screens
@nolanpro @fagubla
3.8.10
51098de
@rodriquelca @fagubla
FOUR-25814: Preview screen is empty when dynamic Panel is created
a7b9842
@nolanpro @fagubla
3.8.11
95d3a5e
@fagubla
updated with develop
68d9aa5
@pmPaulis
Merge remote-tracking branch 'origin/develop' into epic/FOUR-22582-ve…
de4cbb7 
…rified
@nolanpro nolanpro merged commit 5e207d8 into develop Dec 2, 2025
7 of 14 checks passed
@nolanpro nolanpro deleted the epic/FOUR-22582-verified branch December 2, 2025 22:33
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@fagubla fagubla fagubla approved these changes

Assignees

No one assigned

Labels

summer-2025 version-tbd

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

9 participants

@pmPaulis @vladyrichter @fagubla @nolanpro @caleeli @rodriquelca @henryjonathanquispe @gproly