@fy-/fws-vue 2.3.34 → 2.3.36

package/components/ui/DefaultModal.vue

@@ -269,7 +269,7 @@ const handleBackdropClick = useDebounceFn((event: MouseEvent) => {
           <!-- Modal panel -->
           <div
             ref="modalRef"
-            :class="`relative ${mSize} max-w-6xl max-h-[85vh] px-4 sm:px-0 box-border bg-white rounded-lg shadow dark:bg-fv-neutral-900 flex flex-col`"
+            :class="`relative ${mSize} max-w-6xl max-h-[85vh] px-0 box-border bg-white rounded-lg shadow dark:bg-fv-neutral-900 flex flex-col`"
             :style="{ zIndex }"
             tabindex="-1"
             @click.stop
@@ -295,7 +295,7 @@ const handleBackdropClick = useDebounceFn((event: MouseEvent) => {
               </button>
             </div>
             <!-- Content area -->
-            <div :class="`p-3 space-y-3 flex-grow ${ofy}`">
+            <div :class="`p-2 space-y-3 flex-grow ${ofy}`">
               <slot />
             </div>
           </div>

package/components/ui/DefaultTagInput.vue

@@ -260,46 +260,31 @@ function focusInput() {
 }
 
 /**
- * Handle pasting text with debounce
+ * Handle pasting text - without debounce for direct response
  */
-const handlePaste = useDebounceFn((e: ClipboardEvent) => {
+function handlePaste(e: ClipboardEvent) {
   if (!textInput.value || isMaxReached.value) return
 
   // Prevent the default paste behavior
   e.preventDefault()
 
-  const clipboardData = e.clipboardData ?? (window as any).clipboardData
+  // Get clipboard data
+  const clipboardData = e.clipboardData
   if (!clipboardData) return
 
+  // Get the pasted text
   const text = clipboardData.getData('text')
-  if (!text.trim()) return
-
-  // Replace all instances of separators with a standard comma
-  const pasteText = text.replace(getSeparatorRegex(true), ',')
-
-  // Insert the text at the cursor position
-  const selection = window.getSelection()
-  if (selection && selection.rangeCount > 0) {
-    const range = selection.getRangeAt(0)
-    range.deleteContents()
-    range.insertNode(document.createTextNode(pasteText))
-
-    // Set cursor position to the end of the inserted text
-    range.setStartAfter(range.endContainer)
-    range.collapse(true)
-    selection.removeAllRanges()
-    selection.addRange(range)
-  }
-  else {
-    // Fallback if no selection: just set the content
-    textInput.value.textContent = pasteText
-  }
+  if (!text || !text.trim()) return
 
-  // Process the tags after a short delay to ensure DOM is updated
-  setTimeout(() => {
-    addTag()
-  }, 10)
-}, 50)
+  // Process the text (replace separator characters)
+  const pasteText = text.replace(/[,;]/g, ',')
+
+  // Simply set the content - the most reliable approach
+  textInput.value.textContent = pasteText
+
+  // Add tags immediately
+  addTag()
+}
 
 /**
  * Handle keyboard navigation between tags - optimized with element lookup caching

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fy-/fws-vue",
-  "version": "2.3.34",
+  "version": "2.3.36",
   "author": "Florian 'Fy' Gasquez <m@fy.to>",
   "license": "MIT",
   "homepage": "https://github.com/fy-to/FWJS#readme",