popcodeorg / popcodeorg/popcode
Diaeresis marks on international keyboards cause an error. A warning message might be more appropriate.
Nessuno ha ancora preso questa issue.
- Lingua principale
- JavaScript
- Stelle
- 191
- Fork
- 143
- Merge medio
- 4g 11h
- PR unite (30g)
- 5
Descrizione
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!
Guida per i contributori
Nessuna guida per i contributori indicizzata per questo repository
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.
Direzione di ricerca
Inizia riproducendo il problema con lo snapshot collegato usando una tastiera internazionale in Chrome su un Chromebook. Traccia quindi il modo in cui il codice sorgente dello studente viene ispezionato o renderizzato e definisci come completamento un avviso chiaro o un’evidenziazione per i caratteri con dieresi che aiuti gli utenti a identificare il problema di mappatura della tastiera.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Valutazione
- Stack tecnologico
- javascript
- Ambito
- frontend
- Tipo di issue
- Bug
- Difficoltà
- 4/5
- Tempo stimato
- 3-5 giorni
- Stato di attività
- Ferma
- Chiarezza
- Da chiarire
- Idoneità per principianti
- 30/100