popcodeorg / popcodeorg/popcode

Diaeresis marks on international keyboards cause an error. A warning message might be more appropriate.

Offen
#2,522 0 Kommentare 1 Reaktion 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Vorherrschende Sprache
JavaScript
Sterne
191
Forks
143
Ø Merge
4 T. 11 Std.
Gemergte PRs (30 T.)
5

Beschreibung

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

image

  • 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!

Beitragsleitfaden

Für dieses Repository ist kein Beitragsleitfaden indexiert

Erste Schritte

  1. Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
  3. Forke das Repository und arbeite in einem Branch.
  4. Öffne einen Pull Request, der die Issue-Nummer nennt.

Rechercherichtung

Beginne damit, das Problem mit dem verlinkten Snapshot auf einer internationalen Tastatur unter Chrome auf einem Chromebook zu reproduzieren. Verfolge anschließend, wie der Quellcode der Studierenden inspiziert oder gerendert wird, und definiere den Abschluss als deutliche Warnung oder Hervorhebung für Diaeresis-Zeichen, die den Benutzern hilft, das Problem mit der Tastaturzuordnung zu erkennen.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
javascript
Bereich
frontend
Issue-Typ
Bug
Schwierigkeit
4/5
Geschätzter Aufwand
3-5 Tage
Aktivitätsstatus
Veraltet
Klarheit
Muss geklärt werden
Anfängerfreundlichkeit
30/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.