code-forge-io / code-forge-io/react-input-mask

Plugin does not work with shadcn Input component

Aperta
#2 0 commenti 5 reazioni 0 assegnatari Vedi su GitHub
Lingua principale
TypeScript
Stelle
35
Fork
1
Metriche di merge delle PR
Nessuna PR unita negli ultimi 30g

Descrizione

Description:
- When using https://ui.shadcn.com/docs/components/input with react-input-mask, it does not mask the input

Steps to Reproduce:
- Install ui.shadcn.com with Vite. Add this code:

```
const { getInputProps } = useInputMask({
mask: 'One does not simply walk into AAAAAA',
});

return (


Overview



Label
{
// Your onChange handler gets the output of the hook (won't trigger if the input is invalid)
console.log(e.target.value);
}} />


);
```

Expected Behavior:
- Input should be masked

Actual Behavior:
- Input is not masked

Error message: No error message.

Note: Update documentation. Import only functions if :

`import { useInputMask } from '@code-forge/react-input-mask';`

Guida per i contributori

Nessuna guida per i contributori indicizzata per questo repository

Direzione di ricerca

Il report fornisce una riproduzione Vite che usa shadcn/ui Input e useInputMask; inizia riproducendo quell'esempio e leggendo l'utilizzo documentato dell'hook del pacchetto. Verifica il comportamento della mascheratura, quindi aggiorna la documentazione con l'import denominato e un esempio funzionante di shadcn Input.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
react, typescript
Ambito
frontend
Tipo di issue
Bug
Difficoltà
3/5
Tempo stimato
1-2 giorni
Stato di attività
Ferma
Chiarezza
Abbastanza chiara
Idoneità per principianti
35/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.