microsoft / microsoft/pxt-microbit
[iPad] Lesson Plan and Slides preview content does not fully fill the container area in Instructions page
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, within the First Lessons with MakeCode and the micro:bit category, the Lesson Plan preview and Slides preview sections do not fully occupy their container areas on the Instructions page, resulting in layout inconsistency.
Steps to reproduce the behavior:
- Navigate to Microsoft MakeCode for micro:bit on an iPad.
- Scroll down to the First Lessons with MakeCode and the micro:bit category.
- Select any card except the first one.
- Click the Show Instructions button.
- On the Instructions page (e.g., Name Badge lesson), locate:
- Lesson Plan preview
- Slides preview
Actual behavior
The content in both Lesson Plan preview and Slides preview sections does not fully fill the available container area, leaving visible empty space.
Expected behavior
The content should fully fill the container area in both sections, matching layout behavior on desktop and other platforms.
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
Start by reproducing the issue on the Instructions page in Safari on an iPad, using a lesson card other than the first and checking the Lesson Plan and Slides previews. Trace the preview layout from that page and compare it with desktop behavior; done means both previews fill their containers on iPad without regressing other platforms.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 58/100