From 78f5124afd2c8aceb6d79563fd853fddd0023ab4 Mon Sep 17 00:00:00 2001
From: Behrokh Satarnejad <62008897+bsatarnejad@users.noreply.github.com>
Date: Wed, 3 Jun 2026 14:53:34 +0200
Subject: [PATCH] [OP-19404] Section cannot be dragged and dropped outside of
 current view (#23527)

Fix type form section drag auto-scroll
---
 .../form_configuration/main_content_component.html.erb   | 3 +--
 .../form_configuration/main_content_component.rb         | 7 -------
 .../form_configuration_component.html.erb                | 7 +++++--
 .../work_package_types/form_configuration_component.rb   | 9 +++++++++
 4 files changed, 15 insertions(+), 11 deletions(-)

diff --git a/app/components/work_package_types/form_configuration/main_content_component.html.erb b/app/components/work_package_types/form_configuration/main_content_component.html.erb
index b54e4e5f80d..ee3580e0774 100644
--- a/app/components/work_package_types/form_configuration/main_content_component.html.erb
+++ b/app/components/work_package_types/form_configuration/main_content_component.html.erb
@@ -1,7 +1,6 @@
 <%=
   component_wrapper(
-    class: "type-form-configuration-page--main-inner",
-    data: main_inner_data
+    class: "type-form-configuration-page--main-inner"
   ) do
     flex_layout do |main|
       main.with_row do
diff --git a/app/components/work_package_types/form_configuration/main_content_component.rb b/app/components/work_package_types/form_configuration/main_content_component.rb
index bae22743782..6313c210f96 100644
--- a/app/components/work_package_types/form_configuration/main_content_component.rb
+++ b/app/components/work_package_types/form_configuration/main_content_component.rb
@@ -47,13 +47,6 @@ module WorkPackageTypes
         @ee_available
       end
 
-      def main_inner_data
-        {
-          controller: "admin--type-form-configuration--drag-and-drop",
-          "admin--type-form-configuration--drag-and-drop-handle-selector-value": ".group-handle"
-        }
-      end
-
       def groups_container_data
         {
           "test-selector": "type-form-configuration-groups-container",
diff --git a/app/components/work_package_types/form_configuration_component.html.erb b/app/components/work_package_types/form_configuration_component.html.erb
index 4fd270636f4..22562fe20f2 100644
--- a/app/components/work_package_types/form_configuration_component.html.erb
+++ b/app/components/work_package_types/form_configuration_component.html.erb
@@ -42,7 +42,10 @@ See COPYRIGHT and LICENSE files for more details.
     <% end %>
 
     <% content.with_main(classes: "type-form-configuration-page--main") do %>
-      <div class="type-form-configuration-page--active-list" data-admin--type-form-configuration--rows-drag-and-drop-target="scrollContainer">
+      <%= tag.div(
+            class: "type-form-configuration-page--active-list",
+            data: active_list_data
+          ) do %>
         <%= render(EnterpriseEdition::BannerComponent.new(:edit_attribute_groups, mb: 3)) %>
 
         <% unless ee_available? %>
@@ -58,7 +61,7 @@ See COPYRIGHT and LICENSE files for more details.
                 ee_available: ee_available?
               )
             ) %>
-      </div>
+      <% end %>
     <% end %>
   <% end %>
 <% end %>
diff --git a/app/components/work_package_types/form_configuration_component.rb b/app/components/work_package_types/form_configuration_component.rb
index 1d55de92325..42e0bc29a51 100644
--- a/app/components/work_package_types/form_configuration_component.rb
+++ b/app/components/work_package_types/form_configuration_component.rb
@@ -55,6 +55,15 @@ module WorkPackageTypes
       }
     end
 
+    def active_list_data
+      {
+        controller: "admin--type-form-configuration--drag-and-drop",
+        "admin--type-form-configuration--drag-and-drop-handle-selector-value": ".group-handle",
+        "admin--type-form-configuration--drag-and-drop-target": "scrollContainer",
+        "admin--type-form-configuration--rows-drag-and-drop-target": "scrollContainer"
+      }
+    end
+
     def group_components
       @groups.map.with_index do |group, i|
         WorkPackageTypes::FormConfiguration::GroupComponent.new(