microsoft / microsoft/pxt-microbit

[iPad] Lesson Plan and Slides preview content does not fully fill the container area in Instructions page

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

Nobody has claimed this yet.

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

  1. Navigate to Microsoft MakeCode for micro:bit on an iPad.
  2. Scroll down to the First Lessons with MakeCode and the micro:bit category.
  3. Select any card except the first one.
  4. Click the Show Instructions button.
  5. 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
Image
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

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.