MC-5423: Scheduled Update slide out issues

Author: davemacaulay

app/code/Magento/PageBuilder/view/adminhtml/web/css/source/_panel.less

@@ -307,3 +307,10 @@
         }
     }
 }
+
+.modal-slide .modal-content .pagebuilder-panel-wrapper {
+    position: -webkit-sticky;
+    position: sticky;
+    top: 10px;
+    bottom: 0;
+}

app/code/Magento/PageBuilder/view/adminhtml/web/js/panel.js

@@ -9,7 +9,6 @@
     <div class="admin__field pagebuilder-header">
         <i click="toggleFullScreen.bind($data)" css="'icon-pagebuilder-fullscreen': !isFullScreen(), 'action-close': isFullScreen()"></i>
     </div>
-    <br/>
     <with args="panel">
         <render/>
     </with>

app/code/Magento/PageBuilder/view/adminhtml/web/template/page-builder.html

@@ -36,7 +36,7 @@ <h4 translate="label"></h4>
                     <div>
                         <ul class="pagebuilder-panel-groups-content-types" each="contentTypes">
                             <li class="pagebuilder-draggable-content-type"
-                                data-bind="draggable: Object.assign($parents[1].getDraggableOptions(), getDraggableOptions())"
+                                data-bind="draggable: Object.assign($parents[1].getDraggableOptions($element), getDraggableOptions($element))"
                                 attr="id: 'content-type-' + identifier()">
                                 <a>
                                     <span class="content-type-icon">

app/code/Magento/PageBuilder/view/adminhtml/web/template/panel.html

@@ -179,13 +179,19 @@ export default class Panel implements PanelInterface {
      *
      * @returns {JQueryUI.DraggableOptions}
      */
-    public getDraggableOptions(): JQueryUI.DraggableOptions {
+    public getDraggableOptions(element: HTMLElement): JQueryUI.DraggableOptions {
+        let containment: string | JQuery = "document";
+        if ($(element).parents(".modal-inner-wrap").length > 0) {
+            containment = $(element).parents(".modal-inner-wrap");
+        }
+
         const self = this;
         return {
             appendTo: "body",
             cursor: "-webkit-grabbing",
             connectToSortable: ".content-type-drop",
-            containment: "document",
+            containment,
+            scroll: true,
             helper() {
                 return $(this).clone().css({
                     width: $(this).width(),