🐛 fix: dragging text mistakenly as image

src/app/(main)/chat/(desktop)/features/ChatInput/Footer/DragUpload.tsx

@@ -11,6 +11,7 @@ import { agentSelectors } from '@/store/agent/selectors';
 import { useFileStore } from '@/store/file';
 import { useUserStore } from '@/store/user';
 import { modelProviderSelectors } from '@/store/user/selectors';
+import { getPlatform, getEngine } from '@/utils/platform';
 
 const useStyles = createStyles(({ css, token, stylish }) => {
   return {
@@ -60,8 +61,18 @@ const useStyles = createStyles(({ css, token, stylish }) => {
   };
 });
 
+// 文字拖拽仅支持 Windows/Linux - Chromium 系浏览器 (#2111)
+const platform = getPlatform();
+const allowTextDrag = platform && /Linux|Windows/.test(platform) && getEngine() === 'Blink';
+const disallowTextDrag = !allowTextDrag;
+
 const handleDragOver = (e: DragEvent) => {
-  e.preventDefault();
+  if (!e.dataTransfer?.items || e.dataTransfer.items.length === 0) return;
+
+  const isFile = e.dataTransfer.types.includes('Files');
+  if (disallowTextDrag || isFile) {
+    e.preventDefault();
+  }
 };
 
 const DragUpload = memo(() => {
@@ -92,43 +103,55 @@ const DragUpload = memo(() => {
   };
 
   const handleDragEnter = (e: DragEvent) => {
-    e.preventDefault();
+    if (!e.dataTransfer?.items || e.dataTransfer.items.length === 0) return;
 
-    dragCounter.current += 1;
-    if (e.dataTransfer?.items && e.dataTransfer.items.length > 0) {
+    const isFile = e.dataTransfer.types.includes('Files');
+    if (disallowTextDrag || isFile) {
+      dragCounter.current += 1;
+      e.preventDefault();
       setIsDragging(true);
     }
   };
 
   const handleDragLeave = (e: DragEvent) => {
-    e.preventDefault();
+    if (!e.dataTransfer?.items || e.dataTransfer.items.length === 0) return;
 
-    // reset counter
-    dragCounter.current -= 1;
+    const isFile = e.dataTransfer.types.includes('Files');
+    if (disallowTextDrag || isFile) {
+      e.preventDefault();
 
-    if (dragCounter.current === 0) {
-      setIsDragging(false);
+      // reset counter
+      dragCounter.current -= 1;
+
+      if (dragCounter.current === 0) {
+        setIsDragging(false);
+      }
     }
   };
 
   const handleDrop = async (e: DragEvent) => {
-    e.preventDefault();
-    // reset counter
-    dragCounter.current = 0;
+    if (!e.dataTransfer?.items || e.dataTransfer.items.length === 0) return;
 
-    setIsDragging(false);
+    const isFile = e.dataTransfer.types.includes('Files');
+    if (disallowTextDrag || isFile) {
+      e.preventDefault();
 
-    // get filesList
-    // TODO: support folder files upload
-    const files = e.dataTransfer?.files;
+      // reset counter
+      dragCounter.current = 0;
 
-    // upload files
-    uploadImages(files);
+      setIsDragging(false);
+
+      // get filesList
+      // TODO: support folder files upload
+      const files = e.dataTransfer?.files;
+
+      // upload files
+      uploadImages(files);
+    }
   };
 
   const handlePaste = (event: ClipboardEvent) => {
     // get files from clipboard
-
     const files = event.clipboardData?.files;
 
     uploadImages(files);

src/utils/platform.ts

@@ -15,6 +15,10 @@
   return getParser().getResult().browser.name;
 };
 
+export const getEngine = () => {
+  return getParser().getEngine().name;
+}
+
 export const browserInfo = {
   browser: getBrowser(),
   isMobile: getParser().getDevice().type === 'mobile',