Skip to content

[iPad] "SmallHeart" text overflows container in Show Icon side documentation (Blocks editor) #6938

@Nina-1210

Description

@Nina-1210

Describe the bug
On iPad, in the Blocks editor side documentation for Show Icon, the code snippet in the Fast Beating Heart section is not properly contained. The "SmallHeart" text overflows the code block container.

Steps to reproduce the behavior:

  1. Navigate to Microsoft MakeCode for micro:bit on an iPad.
  2. Open any existing Blocks project.
  3. Click the Help icon and select the Reference link.
  4. Navigate to BasicShow Icon.
  5. Scroll down to the Fast Beating Heart section.
  6. Obverse the "SmallHeart" text in the code snippet.

Actual behavior
The "SmallHeart" text overflows the code snippet container.

Expected behavior
The "SmallHeart" text should be fully visible within the code snippet container without overflow.

Screenshots
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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions