I have a form that I have created in Classic Form Designer that is split into 2 containers. The left side shows an uploaded document and the right side has fields for data entry.  I have replaced several of the drop downs on the right side with select2 drop downs.  The issues is that the scroll on the right side container becomes locked after I select a value on a select2 drop down.  This does not occur with the native laserfiche drop downs.  My best guess is that the drop down is not being recognized as closed.  It is my understanding that the select2 dropdown purposely locks the scroll while open. However, I do not know what I can do to fix that.

This issue does not happen with the parent container.  It only happens when I create a scrollbar for the right side container.

The css I have for the right container is:

.SectRight.cf-section-block {width:45%!important;overflow-y: scroll;height:900px;}

I am not a JS developer so please let me know if there is any other information anyone might need to provide more insight.  I could not find this issue elsewhere on the web but I might just not be using the proper terminology to find what I need.

Any help would be much appreciated.  I am hopeful that someone has run into this before.

Thanks in advance.