Merge pull request #3272 from specify/issue-3269

Allow to enter data into any search field after dragging
specify · Mar 31, 2023 · 7ca0f27 · 7ca0f27
2 parents ec0ad44 + 5241a33
commit 7ca0f27
Showing 1 changed file with 17 additions and 0 deletions.
diff --git a/specifyweb/frontend/js_src/lib/components/QueryBuilder/Fields.tsx b/specifyweb/frontend/js_src/lib/components/QueryBuilder/Fields.tsx
@@ -81,6 +81,23 @@ export function QueryFields({
       distance: 4,
     });
 
+    const interactiveElements = [
+      'button',
+      'a',
+      'input',
+      'select',
+      'textarea',
+      '.custom-select',
+    ];
+
+    sortable.on('sortable:start', (event) => {
+      const target = event.dragEvent.originalEvent.target as HTMLElement;
+      if (
+        interactiveElements.some((element) => target.closest(element) !== null)
+      )
+        event.cancel();
+    });
+
     sortable.on('sortable:stop', (event) => {
       const newIndex = event.newIndex;
       const oldIndex = event.oldIndex;