Skip to main content

This content has been archived and is no longer being updated. Links may not function; however, this content may be relevant to outdated versions of the product.

Support Article

MultiSelect control dropdown moves along when scrolling screen



The displayed pop up does not persist on the screen and moves along when scrolling the screen.

Error Messages

Not Applicable.

Steps to Reproduce

  1. Log in to the application
  2. Add a MultiSelect control in a section
  3. Run the flow. A pop up displays
  4. Scroll the screen

Root Cause

An issue in the custom application code or rules.


Perform the following local-change:

Add the below script to the UserWorkForm:

var prevTop = 0; 
var newTop
$(".home-header-main > .item-2").scroll(function() { 
if($(".MultiSelect.popover_multiselect-list") && $(".MultiSelect.popover_multiselect-list").length > 0){ 
var amountScrolled = 0; 
var currentScrollTop
if($(".home-header-main > .item-2")) 
currentScrollTop = $(".home-header-main > .item-2").scrollTop(); 
if(prevTop !== currentScrollTop) { 
amountScrolled = currentScrollTop - prevTop
prevTop = currentScrollTop

newTop = parseInt($(".MultiSelect.popover_multiselect-list").css("top")) - amountScrolled




Published August 30, 2018 - Updated December 2, 2021

Was this useful?

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.

Did you find this content helpful?

Want to help us improve this content?

We'd prefer it if you saw us at our best.

Pega Community has detected you are using a browser which may prevent you from experiencing the site as intended. To improve your experience, please update your browser.

Close Deprecation Notice
Contact us