microsoft / microsoft/pxt-microbit

[iPad] Tutorial: Play and Voice Settings buttons are truncated in Immersive Reader when multiple tabs are open

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

Nobody has claimed this yet.

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

Description

Describe the bug
On iPad, when multiple tabs are open, the Play and Voice Settings buttons appear truncated in the Immersive Reader view for tutorials.

Steps to reproduce the behavior:

  1. Navigate to Microsoft MakeCode for micro:bit on an iPad.
  2. Select any tutorial card and click Share.
  3. In the Share dialog, copy the tutorial link.
  4. Open the shared tutorial link in a new tab.
  5. Click Launch Immersive Reader.
  6. Observe the Play and Voice Settings buttons.

Actual behavior
Play and Voice Settings buttons are partially cut off in Immersive Reader when multiple pages are open.

Expected behavior
Play and Voice Settings buttons should be fully visible and accessible in Immersive Reader regardless of the number of open pages.

Screenshots
Image
Image

Additional context
1.OS: iPad Pro 11 26.4.2
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 from the shared tutorial link in Microsoft MakeCode for micro:bit using iPad Safari, then launch Immersive Reader with multiple tabs open. Trace the tutorial Immersive Reader UI and its Play and Voice Settings controls; done means both buttons remain fully visible and accessible regardless of the number of open pages.

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
55/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.