- updated form builder styles;

src/assets/scss/components/formBuilder.scss

@@ -106,12 +106,16 @@
   }
 }
 
-.formBuilder__elementNew {
+.formBuilder__elementNew.formBuilder__elementNew {
   border: 1px solid var(--button-secondary-borderColor);
   background-color: var(--button-secondary-borderColor);
   width: 100%;
   padding: 10px;
   opacity: 0.6;
+  color: white;
+  font-size: 11px;
+  text-transform: uppercase;
+  text-align: center;
 }
 
 .formBuilder__aside {

src/pages/BandoFormsEdit/components/BuilderDropzone/index.js

@@ -10,10 +10,13 @@ const BuilderDropzone = () => {
 
     const [, drop] = useDrop({
         accept: ItemTypes.FIELD,
+        drop(item, monitor) {
+            return item;
+        },
         hover(item, monitor) {
             storeSet.main.moveElement(-1, 0, item);
             item.index = 0;
-        },
+        }
     });
 
     drop(dropzoneRef);

src/pages/BandoFormsEdit/components/BuilderElement/index.js

@@ -1,6 +1,7 @@
 import React, { useRef } from 'react'
 import { useDrag, useDrop } from 'react-dnd'
 import { ItemTypes } from '../ItemTypes';
+import { __ } from '@wordpress/i18n';
 
 // store
 import { storeSet, useStore } from '../../../../store';
@@ -98,7 +99,9 @@ const BuilderElement = ({ id, name, label, index }) => {
 
     return (
         draggingElementId === id
-            ? <div ref={ref} className="formBuilder__elementNew"></div>
+            ? <div ref={ref} className="formBuilder__elementNew">
+                {__('lascia qui', 'gepafin')}
+            </div>
             : <div ref={ref} className="formBuilder__element" style={{ opacity }} data-handler-id={handlerId}>
                 <div className="meta">
                     <Tag value={name} severity="info"/>

src/store/actions.js

@@ -27,6 +27,7 @@ export const actionsBeta = (set, get, api) => ({
     },
     moveElement: (dragIndex, hoverIndex, item) => {
         const prevFields = get.formElements();
+
         if (dragIndex === -1) {
             const configs = get.elementItems();
             const itemCfg = head(configs.filter(o => o.id === item.dbId));