Merge pull request 'Updated capacitor focus logic' (#342) from ranjith-dev into master

Reviewed-on: #342

resources/views/livewire/serial-validation-data.blade.php

@@ -39,7 +39,7 @@
     {{-- Modal for empty invoice--}}
     @if ($emptyInvoice)
         <div class="text-center text-red-500">
-            <p>No data found for invoice number <strong>{{ $invoiceNumber }}</strong>.</p>
+            <p>No data found for the invoice number <strong>{{ $invoiceNumber }}</strong>.</p>
         </div>
     @endif
 
@@ -84,7 +84,7 @@
                     @empty
                         <tr>
                             <td colspan="12" class="text-center py-4 text-gray-500">
-                                No data found for invoice number <strong>{{ $invoiceNumber }}</strong>.
+                                No data found for the invoice number <strong>{{ $invoiceNumber }}</strong>.
                             </td>
                         </tr>
                     @endforelse
@@ -164,7 +164,7 @@
                     @empty
                         <tr>
                             <td colspan="10" class="text-center py-4 text-gray-500">
-                                No data found for invoice number <strong>{{ $invoiceNumber }}</strong>.
+                                No data found for the invoice number <strong>{{ $invoiceNumber }}</strong>.
                             </td>
                         </tr>
                     @endforelse
@@ -182,15 +182,34 @@
     });
 </script> --}}
 <script>
-    window.addEventListener('focus-capacitor-input', () => {
+    window.addEventListener('focus-capacitor-input', (event) => {
+        console.log('Item Code:', event.detail.itemCode);
+        const container = document.getElementById('focus-capacitor-input');
+    if (container) {
+        container.dataset.itemCode = event.detail.itemCode;
+    }
         setTimeout(() => {
-            const input = document.getElementById('capacitorInput');
+        // const container = document.getElementById('focus-capacitor-input');
-            if (input) {
+        const input = container?.querySelector('input'); // gets the actual input inside
-                input.focus();
+
-                input.select();
+        if (input) {
-            }
+            input.focus();
-        }, 50);
+            input.select();
+        }
+    }, 50);
     });
+//     window.addEventListener('focus-capacitor-input', (event) => {
+//     console.log('Item Code:', event.detail.itemCode);
+
+//     setTimeout(() => {
+//         const input = document.querySelector('#capacitorInput input');
+
+//         if (input) {
+//             input.focus();
+//             input.select();
+//         }
+//     }, 50);
+// });
 
    window.addEventListener('focus-serial-number', () => {
     setTimeout(() => {