microsoft / microsoft/pxt-microbit
[iPad][Portrait] “Show Instructions” Label Truncated in Expand Panel Button
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 portrait mode, the “Show Instructions” label is truncated within the expand panel button, resulting in incomplete text display.
Steps to reproduce the behavior:
- Navigate to Microsoft MakeCode for micro:bit on an iPad.
- Ensure the device is in portrait orientation.
- Scroll to any of the following categories: Radio Games, Tools, Turtle, or Blocks to JavaScript.
- Open a card that contains both “Share” and “Show Instructions” buttons.
- 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
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
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 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