Skip to content

[BUG] UI Overlay Interference: Workflow components visible through/above Code Sidebar #5

@Yashxp1

Description

@Yashxp1

Description

When opening the Code sidebar to view SDK implementation (Python/TypeScript/cURL), certain UI elements from the main workflow canvas (specifically the Input Files card) remain visible and appear on top of the code overlay. This obscures the code and interferes with the user's ability to read or copy the generated script.


Steps to Reproduce

  1. Navigate to a workflow run page (e.g., retab.com/dashboard/workflows/.../runs/create).
  2. Ensure there is an Input Files node present on the canvas.
  3. Click on the <> Code button in the top navigation bar.
  4. Observe the code sidebar sliding out from the left.

Expected Behaviour

The Code sidebar should be the topmost layer (highest z-index), completely covering any canvas elements underneath it.

Actual Behaviour

The Input Files popover component is rendered over the Code sidebar, blocking the view of the initialization logic and variables.


Environment Information

  • Platform: Windows 11
  • URL: https://www.retab.com/dashboard/workflows/workflow_${id}/runs/create
  • Browser: Chrome

Screenshots

Image 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