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}
|
value={itemSearch}
|
||||||
onChange={e => { setItemSearch(e.target.value); setSelectedProduct(null) }}
|
onChange={e => { setItemSearch(e.target.value); setSelectedProduct(null) }}
|
||||||
autoFocus
|
autoFocus
|
||||||
|
autoComplete="off"
|
||||||
|
autoCorrect="off"
|
||||||
|
autoCapitalize="off"
|
||||||
|
spellCheck={false}
|
||||||
onKeyDown={e => e.key === 'Enter' && void handleAddItem()}
|
onKeyDown={e => e.key === 'Enter' && void handleAddItem()}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
{/* Liste scrollable alphabétique du catalogue */}
|
{/* Liste scrollable alphabétique du catalogue */}
|
||||||
<div style={{
|
<div style={{
|
||||||
maxHeight: 240, overflowY: 'auto',
|
maxHeight: 'min(240px, 35dvh)', overflowY: 'auto',
|
||||||
border: '1px solid var(--bg-5)', borderRadius: 8,
|
border: '1px solid var(--bg-5)', borderRadius: 8,
|
||||||
background: 'var(--bg-3)',
|
background: 'var(--bg-3)',
|
||||||
}}>
|
}}>
|
||||||
|
|||||||
Reference in New Issue
Block a user