Pointer + Touch
Capability reali, target effettivi da 44px e un lifecycle press/cancel che mantiene semantica, focus e geometria stabili.
@qoovex/ui/styles/base.cssTre misure, un solo target
La forma visiva può restare compatta. Hit area e spacing devono però essere verificati separatamente, senza zone sovrapposte o activation ambigue.
Visual size
16px
La forma percepita del checkbox resta compatta.
Interactive hit area
44px
La pseudo-area centrata riceve l'input coarse.
Adjacent spacing
44px cell
Ogni target possiede una cella non condivisa.
Target reali
Ridimensiona o usa emulazione touch: i box reali crescono su coarse/ibrido, i controlli compatti mantengono il visuale e il link inline conserva l'eccezione editoriale.
Icon control · visual 24px
Compact checkbox · visual 16px
Motion Switch · visual 32×18px
Field · box reale 44px su coarse
Inline link exception
Leggi il lifecycle press senza alterare il ritmo del testo.
Due target adiacenti · zero overlap
Lifecycle press reale
Premi, trascina fuori e rilascia per cancellare; oppure attiva rapidamente più volte. Lo stato è osservato da Pointer Events, mentre il click e la tastiera restano nativi.
01
Rest
Target disponibile; nessuno stato transient.
02
Pointer down
Il feedback pressed inizia prima del click.
03
Release inside
L'activation resta native o Base UI.
04
Release outside / cancel
Nessuna activation e nessuno stato sticky.
05
Settled
Il visuale torna coerente con lo stato reale.
Il child visuale può reagire; il root che possiede hit area, focus e activation non cambia geometria.
Capability, non device class
Primary fine + hover
hover / pointer
Abilita enhancement hover, mai azioni essenziali.
Primary coarse / no hover
pointer / hover
Target da 44px e feedback press immediato.
Hybrid + pen
any-pointer
Mantiene touch target e hover fine; pointerType resta event-specific.