Skip to content

UI Bug: Toolbar Icons Get Distorted When Dragging or Resizing Code Editor in DartPad #3506

@PranavTamada

Description

@PranavTamada

Relevant console output or errors

How did this error happen?

Image

When attempting to drag or resize the code editor area in DartPad, the icons in the code editor toolbar (e.g., Run, Copy, Format, etc.) become visually distorted. The icons overlap, shift out of place, or render incorrectly instead of maintaining their intended layout.

Steps to Reproduce:

Open DartPad.

Try to resize or drag the code editor pane horizontally left and right.

Observe the toolbar directly above the code area (contains “Run” and other action icons).

Expected Behavior:

The toolbar icons should remain properly aligned and visible when resizing or dragging the code editor area.

Relevant Dart code

What OS did this error occur on?

Windows

What browser(s) did you experience this issue on?

Chromium based (Chrome, Edge)

Do you have any additional information?

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    type-bugIncorrect behavior (everything from a crash to more subtle misbehavior)

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions