fix: sharing center search and autofocus

Author: l4rm4nd

myapp/templates/inventory.html

@@ -868,10 +868,11 @@ <h3>{% trans "No items found" %}</h3>
   const searchInput = document.getElementById('searchInput');
   const filterForm = document.getElementById('filterForm');
   let searchTimeout;
+  const isDesktop = window.innerWidth > 768;
 
   if (searchInput) {
-    // Auto-focus if has value
-    if (searchInput.value) {
+    // Auto-focus on desktop or if has value (to maintain cursor position after search)
+    if (isDesktop || searchInput.value) {
       searchInput.focus();
       searchInput.setSelectionRange(searchInput.value.length, searchInput.value.length);
     }

myapp/templates/sharing_center.html

@@ -628,10 +628,35 @@ <h3>{% trans "No shared items" %}</h3>
 </section>
 
 <script>
-// Search on enter
-document.getElementById('searchInput').addEventListener('keypress', function(e) {
-  if (e.key === 'Enter') {
-    document.getElementById('filterForm').submit();
+document.addEventListener("DOMContentLoaded", function () {
+  // Real-time search with debounce
+  const searchInput = document.getElementById('searchInput');
+  let searchTimeout;
+  const isDesktop = window.innerWidth > 768;
+
+  if (searchInput) {
+    // Auto-focus on desktop or if has value (to maintain cursor position after search)
+    if (isDesktop || searchInput.value) {
+      searchInput.focus();
+      searchInput.setSelectionRange(searchInput.value.length, searchInput.value.length);
+    }
+
+    searchInput.addEventListener('input', function() {
+      clearTimeout(searchTimeout);
+      searchTimeout = setTimeout(function() {
+        // Get current URL params
+        const url = new URL(window.location.href);
+        const query = searchInput.value.trim();
+        
+        if (query) {
+          url.searchParams.set('query', query);
+        } else {
+          url.searchParams.delete('query');
+        }
+        
+        window.location.href = url.toString();
+      }, 400);
+    });
   }
 });