Skip to content

Floating icons obstruct code editor and console #3505

@othmanalbahri1

Description

@othmanalbahri1

Description
The floating action icons in DartPad (for example, Run, Format, Help, etc.) overlap important areas of the interface, such as the code editor and console/output panel. This makes it difficult to view or interact with content, especially when reading error messages or working with code near the edges of the screen.

Expected Behavior
The interface elements (icons) should not obstruct any code or output text. They should be placed in a way that maintains full visibility of the working area.

Actual Behavior
The floating icons currently overlap:

  • Lines of code near the top-left of the editor.
  • Error messages and other text on the right-hand console/output area.

Suggested Improvements

  • Move these icons into a dedicated toolbar or bottom panel, or
  • Dock them to the bottom of the screen to keep the editor and output fully visible.
Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions