popcodeorg / popcodeorg/popcode

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

Open
#2,522 0 comments 1 reaction 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
JavaScript
Stars
191
Forks
143
Avg merge
4d 11h
Merged PRs (30d)
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

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!

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reproducing the problem with the linked snapshot on an international keyboard using Chrome on a Chromebook. Trace how student source code is inspected or rendered, then define completion as a clear warning or highlighting for diaeresis characters that helps users identify the keyboard-mapping problem.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.