microsoft / microsoft/pxt-microbit
[iPad] "SmallHeart" text overflows container in Show Icon side documentation (Blocks editor)
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 804
- Forks
- 721
- Avg merge
- 2d 9h
- Merged PRs (30d)
- 2
Description
Describe the bug
On iPad, in the Blocks editor side documentation for Show Icon, the code snippet in the Fast Beating Heart section is not properly contained. The "SmallHeart" text overflows the code block container.
Steps to reproduce the behavior:
- Navigate to Microsoft MakeCode for micro:bit on an iPad.
- Open any existing Blocks project.
- Click the Help icon and select the Reference link.
- Navigate to Basic → Show Icon.
- Scroll down to the Fast Beating Heart section.
- Obverse the "SmallHeart" text in the code snippet.
Actual behavior
The "SmallHeart" text overflows the code snippet container.
Expected behavior
The "SmallHeart" text should be fully visible within the code snippet container without overflow.
Screenshots
Additional context
1.OS: iPad Pro 11 26.5
2.Browser: Safari
3.Makecode.microbit.org version: 8.1.24
4.Microsoft MakeCode version: 12.3.19
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
Reproduce the issue in the Blocks editor on an iPad using Safari, then inspect the Show Icon side documentation and the Fast Beating Heart code snippet. Done means the “SmallHeart” text is fully visible within its code block container without overflow.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- documentation, frontend
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 68/100