microsoft / microsoft/monaco-editor
[Bug] After applying text spacing , context present in the "HTML" editor is truncating and not visible clearly.: A11y_MonacoEditor_TextSpacing
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 46.8k
- Forks
- 4.1k
- Avg merge
- 17h 58m
- Merged PRs (30d)
- 1
Description
GitHubTags:
#A11yTCS; #A11ySev3; #A11yMAS; #A11yWCAG2.1; #WCAG1.4.12; #Desktopweb; #Win11; #Visual Studio Code Client; #VisualStudioCode-Web-Apr2021; #ChromiumEdge; #a11y-monacoeditor; #TextSpacing; #PartnerBug;
Environment Details:
#URL: [Monaco Editor (microsoft.github.io)](https://microsoft.github.io/monaco-editor/playground.html?source=v0.52.2#example-creating-the-editor-web-component)
Application name: Monaco Editor
Chromium edge: Version 137.0.3269.1 (Official build) dev (64-bit)
Windows 11 Enterprise (Version 23H2)
OS Build 22631.3737
Repro Steps:
- Apply text spacing.
- Hit the URL: https://microsoft.github.io/monaco-editor/playground.html?source=v0.52.2#example-creating-the-editor-web-component
- Monaco editor page will appear. TAB to code editor.
- Observe that After applying text spacing, context present in the "HTML" editor is truncating and not visible clearly.
Actual Results:
After applying text spacing, context present in the "HTML" editor is truncating and not visible clearly.
Expected Results:
After applying text spacing, context present in the "HTML" editor should not be truncating and should be visible clearly.
User Impact:
Users who rely on increased text spacing for readability, such as those with visual impairments or dyslexia, will find it challenging to access the full content. This can hinder their ability to interact with and understand the information presented in the "HTML" editor.
Attachment:
https://github.com/user-attachments/assets/9da0f7dd-ce62-4b8e-a1df-7fd0024baacc
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the Monaco Editor playground URL in the report and reproduce the issue in the HTML editor using the listed Windows and Chromium Edge setup. Inspect how the editor responds to increased text spacing; done means the full HTML editor context remains visible without truncation.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- html, javascript, typescript
- Domain
- accessibility, frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100