From a821b27fc6dc2f17a9e7d615d53941ef7c179b4f Mon Sep 17 00:00:00 2001
From: Gilles Soulier <gil.soulier@gmail.com>
Date: Mon, 25 May 2026 07:42:20 +0200
Subject: [PATCH] =?UTF-8?q?fix(shopping):=20champ=20recherche=20article=20?=
 =?UTF-8?q?=E2=80=94=20autoComplete=20off,=20liste=20adaptative=20dvh?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- autocomplete/autocorrect/autocapitalize off + spellCheck false sur le
  champ de recherche → supprime la barre de suggestions iOS et le popup autofill
- maxHeight liste: min(240px, 35dvh) → reste visible quand le clavier est ouvert

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 frontend/src/pages/ShoppingPage.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/frontend/src/pages/ShoppingPage.tsx b/frontend/src/pages/ShoppingPage.tsx
index 6e09ca0..b2c8d46 100644
--- a/frontend/src/pages/ShoppingPage.tsx
+++ b/frontend/src/pages/ShoppingPage.tsx
@@ -488,12 +488,16 @@ export default function ShoppingPage() {
             value={itemSearch}
             onChange={e => { setItemSearch(e.target.value); setSelectedProduct(null) }}
             autoFocus
+            autoComplete="off"
+            autoCorrect="off"
+            autoCapitalize="off"
+            spellCheck={false}
             onKeyDown={e => e.key === 'Enter' && void handleAddItem()}
           />
 
           {/* Liste scrollable alphabétique du catalogue */}
           <div style={{
-            maxHeight: 240, overflowY: 'auto',
+            maxHeight: 'min(240px, 35dvh)', overflowY: 'auto',
             border: '1px solid var(--bg-5)', borderRadius: 8,
             background: 'var(--bg-3)',
           }}>