Plugin does not work with shadcn Input component
Personne n'a encore pris cette issue.
Évaluation
- Difficulté
- 3/5
- Temps estimé
- 1-2 jours
- Accessibilité débutants
- 35/100
- Type d'issue
- Bug
- Clarté
- Plutôt claire
- Activité
- À l'abandon
- Stack technique
- react, typescript
- Domaine
- frontend
Piste de recherche
Le rapport fournit une reproduction Vite utilisant shadcn/ui Input et useInputMask ; commencez par reproduire cet exemple et lire l’utilisation documentée du hook du package. Vérifiez le comportement du masquage, puis mettez à jour la documentation avec l’import nommé et un exemple fonctionnel de shadcn Input.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Description
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';
- Langage dominant
- TypeScript
- Étoiles
- 35
- Forks
- 0
- Métriques de merge des PR
- Aucune PR mergée en 30 j
Préparer son environnement
Ce projet ne fournit ni conteneur de développement, ni Dockerfile, ni guide de contribution : l'installation est à votre charge. Commencez par son README, et consultez notre guide de la première contribution pour les étapes générales.
Par où commencer
- Lisez l'issue en entier, puis le guide de contribution du projet.
- Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
- Forkez le dépôt et travaillez sur une branche.
- Ouvrez une pull request qui référence le numéro de l'issue.
Autres issues de code-forge-io/react-input-mask
-
Optional charactersOuverte
Difficulté 5/5 Plus d'une semaine Accessibilité débutants 25/100
code-forge-io/react-input-mask#4 · 1 commentaire ·
Toutes les issues de code-forge-io/react-input-mask
Issues similaires
-
Out of order / duplicate key error shows the key bytes as decimal or UTF-8, not hexPeut-être pris @bardrop l’a pris aujourd’hui. Ouverte
Difficulté 1/5 Moins d'une heure Accessibilité débutants 86/100
-
`/leaderboard`, the page and the share image say "be the first" for a program that hasn't startedOuvertebug good first issue
Difficulté 2/5 1-3 heures Accessibilité débutants 84/100
codercops/discord-bot#152 ·
Les mainteneurs répondent en général sous 1 jour
-
bug i18n
Difficulté 2/5 1-3 heures Accessibilité débutants 74/100
endora-commerce/endora-commerce#1315 ·
Les mainteneurs répondent en général sous 1 jour
-
Two stored artist rows are not act names: "DJS" from a Renate floor heading and "Stevie Cox -"Ouvertearea:data-quality importer size:S
Difficulté 2/5 1-3 heures Accessibilité débutants 72/100
enorm-labs/event-junkie#5136 ·
Les mainteneurs répondent en général sous 1 jour
-
fix(scripts): set-device-owner.ps1 fails to parse on Windows PowerShell 5.1 (UTF-8 without BOM)Ouverte
Difficulté 1/5 Moins d'une heure Accessibilité débutants 84/100
Les mainteneurs répondent en général sous 1 jour