fix: scroll if field or section is dragged to top or bottom

frappe/public/js/form_builder/components/FieldTypes.vue

@@ -48,6 +48,8 @@ let fields = computed(() => {
 	<SearchBox v-model="search_text" />
 	<draggable
 		class="fields-container"
+		:scroll-sensitivity="100"
+		:force-fallback="true"
 		:list="fields"
 		:group="{ name: 'fields', pull: 'clone', put: false }"
 		:sort="false"

frappe/public/js/form_builder/components/Section.vue

@@ -64,6 +64,8 @@ let hovered = ref(false);
 						:style="{
 							backgroundColor: column.fields.length ? null : 'var(--gray-50)'
 						}"
+						:scroll-sensitivity="100"
+						:force-fallback="true"
 						v-model="column.fields"
 						group="fields"
 						:animation="150"

frappe/public/js/form_builder/components/Tabs.vue

@@ -42,6 +42,8 @@ function activate_tab(tab) {
 			:class="[active_tab == tab.df.name ? 'active' : '']"
 		>
 			<draggable
+				:scroll-sensitivity="100"
+				:force-fallback="true"
 				class="tab-content-container"
 				v-model="tab.sections"
 				group="sections"