microsoft / microsoft/pxt-microbit

[iPad][Portrait] “Show Instructions” Label Truncated in Expand Panel Button

Open
#6,914 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

homescreen P2
Dominant language
TypeScript
Stars
804
Forks
721
Avg merge
2d 9h
Merged PRs (30d)
2

Description

Describe the bug
On iPad in portrait mode, the “Show Instructions” label is truncated within the expand panel button, resulting in incomplete text display.

Steps to reproduce the behavior:

  1. Navigate to Microsoft MakeCode for micro:bit on an iPad.
  2. Ensure the device is in portrait orientation.
  3. Scroll to any of the following categories: Radio Games, Tools, Turtle, or Blocks to JavaScript.
  4. Open a card that contains both “Share” and “Show Instructions” buttons.
  5. Observe the “Show Instructions” button label.

Actual behavior
The right portion of the “Show Instructions” text is truncated within the button.

Expected behavior
The “Show Instructions” label should be fully visible within the button, consistent with other UI button labels.

Screenshots
Image

Additional context
1.OS: iPad Pro 11 26.4.2
2.Browser: Safari
3.Makecode.microbit.org version: 8.1.20
4.Microsoft MakeCode version: 12.3.15

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

Start by reproducing the issue at makecode.microbit.org/beta on an iPad in portrait mode, then inspect the expand panel button containing “Show Instructions” and “Share”. Done means the full “Show Instructions” label is visible in the listed categories without disrupting other button labels.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend, web-dev
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
55/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.