fix(shopping): champ recherche article — autoComplete off, liste adaptative dvh
- 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>
This commit is contained in:
@@ -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)',
|
||||
}}>
|
||||
|
||||
Reference in New Issue
Block a user