From b679c9687d424d95eba0ad660ff65154df223648 Mon Sep 17 00:00:00 2001
From: Samir Boulahtit <samir.boulahtit@wizard.lu>
Date: Mon, 23 Mar 2026 21:14:35 +0100
Subject: [PATCH] fix(loyalty): only show staff dropdown after typing, not on
 focus

The autocomplete dropdown appeared immediately when the name field
gained focus (even when empty). Now only shows when there's text to
filter by.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 app/modules/loyalty/templates/loyalty/shared/pins-list.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/modules/loyalty/templates/loyalty/shared/pins-list.html b/app/modules/loyalty/templates/loyalty/shared/pins-list.html
index c006badd..359b3eed 100644
--- a/app/modules/loyalty/templates/loyalty/shared/pins-list.html
+++ b/app/modules/loyalty/templates/loyalty/shared/pins-list.html
@@ -135,7 +135,7 @@
             <div class="relative" x-data="{ open: false }" @click.outside="open = false">
                 <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">{{ _('loyalty.shared.pins.pin_name') }}</label>
                 <input type="text" x-model="staffSearch" required
-                       @focus="open = staffMembers.length > 0"
+                       @focus="open = staffSearch.length > 0 && staffMembers.length > 0"
                        @input="open = staffMembers.length > 0; onStaffSearchInput()"
                        autocomplete="off"
                        class="w-full px-3 py-2 text-sm border border-gray-300 dark:border-gray-600 rounded-lg focus:border-purple-400 focus:outline-none dark:bg-gray-700 dark:text-gray-300"
@@ -204,7 +204,7 @@
             <div class="relative" x-data="{ open: false }" @click.outside="open = false">
                 <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">{{ _('loyalty.shared.pins.pin_name') }}</label>
                 <input type="text" x-model="staffSearch" required
-                       @focus="open = staffMembers.length > 0"
+                       @focus="open = staffSearch.length > 0 && staffMembers.length > 0"
                        @input="open = staffMembers.length > 0; onStaffSearchInput()"
                        autocomplete="off"
                        class="w-full px-3 py-2 text-sm border border-gray-300 dark:border-gray-600 rounded-lg focus:border-purple-400 focus:outline-none dark:bg-gray-700 dark:text-gray-300"