Plugin does not work with shadcn Input component
Nessuno ha ancora preso questa issue.
Valutazione
- Difficoltà
- 3/5
- Tempo stimato
- 1-2 giorni
- Idoneità per principianti
- 35/100
- Tipo di issue
- Bug
- Chiarezza
- Abbastanza chiara
- Stato di attività
- Ferma
- Stack tecnologico
- react, typescript
- Ambito
- frontend
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.
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 (
<div>
<h1>Overview</h1>
<div className="w-[240px] mt-12">
<Label>Label</Label>
<Input name="number" {...getInputProps} onChange={e => {
// Your onChange handler gets the output of the hook (won't trigger if the input is invalid)
console.log(e.target.value);
}} />
</div>
</div>
);
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';
- Lingua principale
- TypeScript
- Stelle
- 35
- Fork
- 0
- Metriche di merge delle PR
- Nessuna PR unita negli ultimi 30g
Preparare l'ambiente
Questo progetto non fornisce container di sviluppo, Dockerfile né guida per i contributori, quindi l'ambiente è a tuo carico: parti dal suo README e consulta la nostra guida al primo contributo per i passaggi generali.
Come iniziare
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- Apri una pull request che faccia riferimento al numero della issue.
Altre issue di code-forge-io/react-input-mask
-
Optional charactersAperta
Difficoltà 5/5 Più di una settimana Idoneità per principianti 25/100
code-forge-io/react-input-mask#4 · 1 commento ·
Tutte le issue di code-forge-io/react-input-mask
Issue simili
-
Out of order / duplicate key error shows the key bytes as decimal or UTF-8, not hexForse già presa @bardrop l’ha presa oggi. Aperta
Difficoltà 1/5 Meno di un'ora Idoneità per principianti 86/100
-
`/leaderboard`, the page and the share image say "be the first" for a program that hasn't startedApertabug good first issue
Difficoltà 2/5 1-3 ore Idoneità per principianti 84/100
codercops/discord-bot#152 ·
I maintainer di solito rispondono entro 1 giorno
-
bug i18n
Difficoltà 2/5 1-3 ore Idoneità per principianti 74/100
endora-commerce/endora-commerce#1315 ·
I maintainer di solito rispondono entro 1 giorno
-
Two stored artist rows are not act names: "DJS" from a Renate floor heading and "Stevie Cox -"Apertaarea:data-quality importer size:S
Difficoltà 2/5 1-3 ore Idoneità per principianti 72/100
enorm-labs/event-junkie#5136 ·
I maintainer di solito rispondono entro 1 giorno
-
fix(scripts): set-device-owner.ps1 fails to parse on Windows PowerShell 5.1 (UTF-8 without BOM)Aperta
Difficoltà 1/5 Meno di un'ora Idoneità per principianti 84/100
I maintainer di solito rispondono entro 1 giorno