popcodeorg / popcodeorg/popcode
Diaeresis marks on international keyboards cause an error. A warning message might be more appropriate.
Personne n'a encore pris cette issue.
- Langage dominant
- JavaScript
- Étoiles
- 191
- Forks
- 143
- Merge moyen
- 4 j 11 h
- PR mergées (30 j)
- 5
Description
Describe the bug
I was working with a student today who primarily uses an international keyboard. From what I was able to discern her keyboard was mapping the quotation mark character to the Unicode diaeresis (¨) character. It took a good five minutes to figure out what was happening. From a distance, and on lower resolution laptops, diaeresis and quotation marks look incredibly similar (¨ vs "). It would be great if there was a way to detect when this was happening and warn users. I am unsure of what particular international keyboard settings were being used but I could find out if it would be helpful.
To Reproduce
Here is an example of the behavior.
https://popcode.org/?snapshot=7eb205a0-f042-4084-80b5-5b2397778c08
Expected behavior
It would be amazing if we could detect when this occurs and present users with a warning, perhaps with instructions on how to change their keyboard mapping. Simply grepping the student source code would probably be sufficient. Alternatively, highlighting diaeresis marks and similar characters could make the problem easier to spot.
Screenshots

- OS: [e.g. iOS]
Chrome book
- Browser [e.g. chrome, safari]
Google Chrome
- Version [e.g. 22]
Version unknown
Additional context
Happy to discuss further if it would help. I would love to teach the students about the process of submitting a bug report / issue. ❤️
Thanks for you help! Popcode is great project!
Guide de contribution
Aucun guide de contribution indexé pour ce dépôt
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.
Piste de recherche
Commencez par reproduire le problème avec le snapshot lié à l’aide d’un clavier international dans Chrome sur un Chromebook. Suivez ensuite la manière dont le code source de l’étudiant est inspecté ou rendu, puis définissez comme critère d’achèvement un avertissement clair ou une mise en évidence des caractères avec tréma qui aide les utilisateurs à identifier le problème de mappage du clavier.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Évaluation
- Stack technique
- javascript
- Domaine
- frontend
- Type d'issue
- Bug
- Difficulté
- 4/5
- Temps estimé
- 3-5 jours
- Activité
- À l'abandon
- Clarté
- À clarifier
- Accessibilité débutants
- 30/100