Support Article
Horizontal and Vertical ScrollBar Issue
SA-31255
Summary
User is duplicating a summary section from a screen flow into a review harness, and after submitting, they see multiple vertical scrollbars, and a horizontal scrollbars. This is happening in both Internet Explorer 11, and Chrome browsers.
User is seeing a duplicate vertical and horizontal scrollbar on their screens as well as a vertical scrollbar while using dynamic layouts.
Error Messages
Not applicable
Steps to Reproduce
1)Create a screen flow.
2)Create another flow and add the screen flow as subprocess.
3)Add an assignment shape after the subprocess shape. This assignment shape has its assignment in review harness.
4)When user enters the review harness, duplicate vertical scroll bars are visible.
The above issue was not observed at our end. Hence the below local change provided is user's environment specific.
Root Cause
At user's end, Pega Application is embedded with another application, and the section with dynamic layouts is placed in <iframe> which is not supported for responsiveness.
When <iframe> is embedded in a page, width and height of the iframe is calculated according to parent element or in the element where it is placed.
Resolution
Apply the below local-change to remove the duplicate scroll bar of the iframe:
body#actionContainer{
Overflow : hidden;
}
Published December 26, 2016 - Updated October 8, 2020
Have a question? Get answers now.
Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.