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 9, 2016 - Updated December 26, 2016


0% found this useful

Have a question? Get answers now.

Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.