microsoft / microsoft/pxt-microbit

[iPad] "SmallHeart" text overflows container in Show Icon side documentation (Blocks editor)

Open Beginner friendly
#6,938 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

ipad P2 sidedocs
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:

  1. Navigate to Microsoft MakeCode for micro:bit on an iPad.
  2. Open any existing Blocks project.
  3. Click the Help icon and select the Reference link.
  4. Navigate to BasicShow Icon.
  5. Scroll down to the Fast Beating Heart section.
  6. 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
Image

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

Open the contributing guide

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

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.