Issue & Reproduction Steps

When consulting the "Process Inflight Map" in Google Chrome with the "Disable cache" option enabled, an unusual display of the process map is observed. Additionally, this behavior can be simulated by enabling a slow internet connection in the network settings to replicate the issue.

1. Create and finish a request.
2. Click on the "Overview" tab.

Solution

• The display issue is related to how Google Chrome interprets and renders the iframe.
• The proposed solution is to replace the use of the <iframe> tag with an <object> tag. Apparently, there are no issues with <object> tag.

How to Test

• Follow the above-mentioned steps to reproduce the problem.

Related Tickets & Packages

• FOUR-12548
• Old related issue FOUR-9742

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.