From 740ff413006d1ed0ceed9bf7debdab44901f02a1 Mon Sep 17 00:00:00 2001
From: Behrokh Satarnejad <b.satarnejad@openproject.com>
Date: Fri, 29 May 2026 14:27:22 +0200
Subject: [PATCH] Fix form configuration sections drag-and-drop scrolling

---
 .../form_configuration_component.html.erb      | 18 ++++++++++--------
 .../content/_types_form_configuration.sass     |  4 ++++
 2 files changed, 14 insertions(+), 8 deletions(-)

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 20cfedb36b42..8710c91f2db9 100644
--- a/app/components/work_package_types/form_configuration_component.html.erb
+++ b/app/components/work_package_types/form_configuration_component.html.erb
@@ -41,14 +41,16 @@ See COPYRIGHT and LICENSE files for more details.
           ) %>
     <% end %>
 
-    <% content.with_main(overflow: :auto, classes: "type-form-configuration-page--main") do %>
-      <%= render(
-            WorkPackageTypes::FormConfiguration::MainContentComponent.new(
-              type: @type,
-              group_components: group_components,
-              ee_available: ee_available?
-            )
-          ) %>
+    <% 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">
+        <%= render(
+              WorkPackageTypes::FormConfiguration::MainContentComponent.new(
+                type: @type,
+                group_components: group_components,
+                ee_available: ee_available?
+              )
+            ) %>
+      </div>
     <% end %>
   <% end %>
 <% end %>
diff --git a/frontend/src/global_styles/content/_types_form_configuration.sass b/frontend/src/global_styles/content/_types_form_configuration.sass
index 42a0a239f750..1a2831974910 100644
--- a/frontend/src/global_styles/content/_types_form_configuration.sass
+++ b/frontend/src/global_styles/content/_types_form_configuration.sass
@@ -49,6 +49,10 @@ body:has(.type-form-configuration-page)
     @include styled-scroll-bar
     min-height: 0
 
+  &--active-list
+    overflow: auto
+    height: 100%
+
   &--inactive-list
     list-style: none
     margin: 0